перенос top menu под баннер в beez_20

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем ellays, 13.02.2013.

  1. Offline

    ellays Недавно здесь

    Регистрация:
    13.08.2012
    Сообщения:
    10
    Симпатии:
    1
    Пол:
    Мужской
    в стандартном шаблоне для joomla 2.5 beez_20 top menu по умолчанию находится в header над баннером, мне же понадобилось вынести его из контейнера и перенести ниже под баннер. создал новый контейнер, дописал его в templatedetails.xml, изменил позицию для top menu. итог: меню переместилось под баннер, но вместо горизонтального стало вертикальным. просмотр кода в chrome первоначального меню отсылает меня в personal.css в 141 строку

    Код (CODE):
    1. #header ul.menu


    насколько я пониманию, при переносе меню в другой контейнер, теряются его css атрибуты

    не могу понять в каком месте index.php присваиваются атрибуты css для меню

    Код (CODE):
    1. <div id="header">
    2.                                 <div class="logoheader">
    3.                                         <h1 id="logo">
    4.  
    5.                                         <?php if ($logo): ?>
    6.                                         <img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>"  alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
    7.                                         <?php endif;?>
    8.                                         <?php if (!$logo ): ?>
    9.                                         <?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
    10.                                         <?php endif; ?>
    11.                                         <span class="header1">
    12.                                         <?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
    13.                                         </span></h1>
    14.                                 </div>
    15.                                 <!-- end logoheader -->
    16.                                         <ul class="skiplinks">
    17.                                                 <li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ2_SKIP_TO_CONTENT'); ?></a></li>
    18.                                                 <li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_NAV'); ?></a></li>
    19.                                             <?php if($showRightColumn ):?>
    20.                                             <li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ2_JUMP_TO_INFO'); ?></a></li>
    21.                                            <?php endif; ?>
    22.                                         </ul>
    23.                                         <h2 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAV_VIEW_SEARCH'); ?></h2>
    24.                                         <h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_NAVIGATION'); ?></h3>
    25.                                         <jdoc:include type="modules" name="position-1" />
    26.                                         <div id="line">
    27.                                         <!--<div id="fontsize"></div>-->
    28.                                         <h3 class="unseen"><?php echo JText::_('TPL_BEEZ2_SEARCH'); ?></h3>
    29.                                         <jdoc:include type="modules" name="position-0" />
    30.                                        
    31.                                         </div> <!-- end line -->
    32.                
    33.                 </div><!-- end header -->
     
  2.  
  3. Offline

    ellays Недавно здесь

    Регистрация:
    13.08.2012
    Сообщения:
    10
    Симпатии:
    1
    Пол:
    Мужской
    создал новый контейнер myheader

    Код (html):
    1. <div id="myheader">
    2.  <jdoc:include type="modules" name="mytopmenu" style="none" />
    3.  </div>


    personal.css продублировал стили от #header для #myheader

    меню переносится, но при этом становится вертикальным.
    инспектором кода проанализировал код нового и старого меню и обнаружил, что менюшке не присваивается часть стилей из layot.css из раздела header content, а именно

    Код (CODE):
    1. #header ul
    2. {
    3.         display:block;
    4.         margin:0px 0px 1px 0px;
    5.         text-align:right;
    6.         list-style-type:none;
    7.         padding:10px 0px 10px 0px;
    8.         position:absolute;
    9.         top:0;
    10.         right:0px;
    11.  
    12. }


    если же в layot.css я ниже дублирую эти стили с идентификатором #myheader - меню перестает отображаться вообще.

    подскажите в какую сторону копать? спасибо
     

Поделиться этой страницей

Загрузка...