Joomla!WikiPL

Opisywany element	Selektor ID	Selektor klasy	Przyrostek
ul	mainlevel
Szablony dla:	Joomla 1.0, Joomla 1.5 (w trybie zgodności wstecznej)
Zastosowany w:	modules/mod_mainmenu/legacy.php
Stylizuje:	listę wszystkich pozycji menu
ul#mainlevel {}

Opisywany element	Selektor ID	Selektor klasy	Przyrostek
a		mainlevel
Szablony dla:	Joomla 1.0, Joomla 1.5 (w trybie zgodności wstecznej)
Zastosowany w:	modules/mod_mainmenu/legacy.php
Stylizuje:	główne, nadrzędne pozycje menu; zobacz też sublevel
.mainlevel {}

Przeznaczenie

Atrybut stosowany jest w dwojakiej roli - jako identyfikator listy z odnośnikami w menu oraz atrybut klasy stylu nadrzędnych pozycji menu.

Wykorzystany

• w pliku modules/ mod_mainmenu/legacy.php

Kod PHP

 $menuclass = 'mainlevel' . $params->get('class_sfx');
 $lang =& JFactory::getLanguage();
 
 if (count($links))
   {
      switch ($style)
         {
         case 1 :
            echo '<ul id="' . $menuclass . '">';
            foreach ($links as $link) {
               echo '<li>' . $link . '</li>';
               }
            echo '</ul>';
         break;
 
         default :
            $spacer_start = $params->get('spacer');
            $spacer_end = $params->get('end_spacer');
 
            echo '<table width="100%" border="0" cellpadding="0" cellspacing="1">';
            echo '<tr>';
            echo '<td nowrap="nowrap">';
 
            if ($spacer_end) {
               echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
            }
 
            if ($spacer_start) {
               $html = '<span class="' . $menuclass . '"> ' . $spacer_start . ' </span>';
               echo implode($html, $links);
            } else {
               echo implode('', $links);
            }
 
            if ($spacer_end) {
               echo '<span class="' . $menuclass . '"> ' . $spacer_end . ' </span>';
            }
 
            echo '</td>';
            echo '</tr>';
            echo '</table>';
            break;
         }
      }

Styl menu: tabela pionowo

<div class="module_menu">
   <div>
      <div>
         <div>
            <h3>Menu witryny</h3>
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
               <tr >
                  <td><a href="xxxx" class="mainlevel" id="active_menu">Start</a></td>
               </tr>
               <tr >
                  <td>
                     <a href="xxxx" class="mainlevel" >Joomla! - przegląd</a>
                     <div style="padding-left: 4px">
                        <img src="xxxx/indent1.png" alt="" /><a href="xxxxxxxxx" class="sublevel" >Co nowego w 1.5</a>
                     </div>
                  </td>
               </tr>
               <tr >
                  <td><a href="xxxx" class="mainlevel" >Licencja Joomla!</a></td>
               </tr>
               <tr >
                  <td><a href="xxxx" class="mainlevel" >Więcej o Joomla!</a></td>
               </tr>
               <tr >
                  <td><a href="xxxx" class="mainlevel" >Częste pytania</a></td>
               </tr>
               <tr >
                  <td><a href="xxxx" class="mainlevel" >Nowiny</a></td>
               </tr>
               <tr >
                  <td><img src="xxxx/ikona.png" border="0" alt="Separator"/> <span class="mainlevel" >Separator</span></td>
               </tr>
            </table>
         </div>
      </div>
   </div>
</div>

Styl menu: lista poziomo lub pionowo

<div class="module_menu">
   <div>
      <div>
         <div>
            <h3>Menu witryny</h3>
            <ul id="mainlevel">
               <li><a href="xxxx" class="mainlevel" id="active_menu">Start</a></li>
               <li><a href="xxxx" class="mainlevel" >Joomla! - przegląd</a></li>
               <li><a href="xxxx" class="mainlevel" >Licencja Joomla!</a></li>
               <li><a href="xxxx" class="mainlevel" >Więcej o Joomla!</a></li>
               <li><a href="xxxx" class="mainlevel" >Częste pytania</a></li>
               <li><a href="xxxx" class="mainlevel" >Nowiny</a></li>
               <li><img src="xxxx/ikona.png" border="0" alt="Separator"/> <span class="mainlevel" >Separator</span></li>
               <li><a href="xxxx" class="mainlevel" >Co nowego w 1.5</a></li>
            </ul>
         </div>
      </div>
   </div>
</div>

Przykładowy kod CSS

/* szablon: rhuk_milkyway */
a.mainlevel:link, a.mainlevel:visited {
   padding-left: 5px;
}
a.mainlevel:hover {
 
}

Wynik

Dziękujemy za wkład

» Stefan Wajda [zwiastun],