Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 2672 Просмотров
*

Slaiter

  • Новичок
  • 7
  • 0 / 0
Доброго времени суток, столкнулся с несколькими проблема при создании шаблона, а именно:

1. Прописанные CSS стили для меню не вступают в силу.


index.php

Код
</head>
<body>
 <div id="conteyner">
   <div id="fon_bot">
     <div id="fon_top">
      
       <div id="content">
       <div id="vetka"> </div>
    
      
        <div id="content_center">
        
          <div id="con_cen_bot">
        
              <div id="blok1"><?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="blok1" />
<?php endif; ?></div>
              
              <div id="blok2"><jdoc:include type="component" /></div>
              <div id="otstup"></div>
          </div>
        </div>
       <div id="right">
         <div id="top_right">
              <div id="avtorizaciya">
       <?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="avtorizaciya" />
<?php endif; ?></div>
               <div id="biblioteka"></div>
        </div>
      
      
       <div id="content_right">
        
          <div id="con_right_bot">
          <div id="right_mod">
 <?php if($this->countModules('left')) : ?>
                   <jdoc:include type="modules" name="left" style="mymenu" />
                   <?php endif; ?>
</div>
          </div>
      </div>
      </div>
      <div id="otstup">
      </div>
 
    </div>
    
    </div>
  </div>
  <div id="bottom"></div>
</div>      
 

</body>
</html>



menu.css:


Код
.module_menu{
margin:0px;
margin-top:14px;
padding:0px;
background-color:#3F0;
min-height:200px;
width:250px;
}
.module_menu div{
margin:0px;
padding:0px;
background-color:#FF6;
}
.module_menu div h3{
margin:0px;
margin-bottom:20px;
padding:0px;
padding-top:14px;
padding-right:5px;
font-size:12px;
font-weight:bold;
color:#476228;
text-align:right;
}
.module_menu div div{
margin:0px;
padding:0px;
padding-right:10px;
background:none;
background-color:#C4FF7A;
text-align:right;
width:160px;
}
.module_menu div div ul{
margin:0px;
padding:0px;
padding-bottom:10px;
}
*html .module_menu div div ul li{
padding-top:3px;
padding-bottom:3px;
}
*+html .module_menu div div ul li{
padding-top:3px;
padding-bottom:3px;
}
.module_menu div div ul li ul{
padding-bottom:0px;
}
.module_menu div div ul li ul a:link, .module_menu div div ul li ul a:visited{
margin:0px;
padding:0px;
font-size:11px;
font-weight:bold;
text-decoration:none;
background:none;
color:#476228;
}
.module_menu div div ul li ul a:hover{
margin:0px;
padding:0px;
font-size:11px;
font-weight:bold;
text-decoration:underline;
background:none;
color: #000;
}
.module_menu ul li a:link, .module_menu ul li a:visited{
margin:0px;
padding:0px;
font-size:12px;
font-weight:bold;
text-decoration:none;
background:none;
color:#476228;
}
.module_menu ul li a:hover{
margin:0px;
padding:0px;
font-size:12px;
font-weight:bold;
text-decoration:underline;
background:none;
color: #000;
}
.module_menu ul li{
list-style:none;
}

2. Каким образом висящая табличка (id="vetka") может заехать на контент поле? Вроде и позицию absolute поставил, а всё равно выше всех она не стала.

template.css

Код
#vetka{
margin:0px;
margin-left:15px;
padding:0px;
position:absolute;
background:url(../images/table_top.png) no-repeat;
width:500px;
height:250px;
}


*

asomnia

  • Захожу иногда
  • 183
  • 12 / 0
из того что вы написали про меню ничего не понятно :( и на скрине его не видно,
а про табличку - надо добавить св-во
z-index:999;

#vetka{
   margin:0px;
   margin-left:15px;
   padding:0px;
   position:absolute;
   background:url(../images/table_top.png) no-repeat;
   width:500px;
   height:250px;
       z-index:999;
}
*

Slaiter

  • Новичок
  • 7
  • 0 / 0
ооо точно =((
Спасибо большое! Думал уж никто не подскажет =))
А насчёт меню, мне нужно изменить стандартный CSS на свой.

Возможно просто не так делаю, но вот в index.php подключил стиль
Код
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/joomla_shablon/css/menu.css"/>

А всё равно ничего так и не изменилось. А нужно хотя бы элементарно поменять шрифт )
*

asomnia

  • Захожу иногда
  • 183
  • 12 / 0
нужно посмотреть какой класс формируется у меню(посмотреть можно с помощью FireBug), так как может быть, что там совсем иной класс, и ваши стили, понятное дело, до лампочки..
*

xTARANTINOx

  • Осваиваюсь на форуме
  • 37
  • 1 / 1
Просто для справки это код из видеоурока Дмитрия Семенова? Уж очень похожи размещения блоков и их названия


« Последнее редактирование: 30.01.2011, 00:48:42 от xTARANTINOx »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работают стили на одной странице

Автор yyyuuu

Ответов: 1
Просмотров: 2538
Последний ответ 17.02.2023, 17:11:08
от marksetter
Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3440
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2978
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1464
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1381
Последний ответ 27.11.2020, 11:33:58
от coliandra