--=REKLAMA=--

Item

Z Joomla!WikiPL

<< Zobacz stronę Standardowe style CSS w Joomla!

Opisywany element Selektor ID Selektor klasy Przyrostek
li item
Szablony dla: Joomla 1.5
Zastosowany w: modules/mod_mainmenu/tmpl/default.php
Stylizuje: indywidualne pozycje menu (<li class="parent active item278">)
.itemX {}

Przeznaczenie

Stylizuje indywidualne pozycje menu. Standardowa nazwa klasy item uzupełniana jest identyfikatorem pozycji menu, co daje możliwość nadania odmiennych właściwości każdemu odnośnikowi w menu.

Wykorzystany

W pliku modules/ mod_mainmenu/tmpl/default.php

Kod PHP

   if (($node->name() == 'li') && ($id = $node->attributes('id'))) {
      if ($node->attributes('class')) {
         $node->addAttribute('class', $node->attributes('class').' item'.$id);
      } else {
         $node->addAttribute('class', 'item'.$id);
      }
   }

Kod HTML

<div class="module_menu">
   <div>
      <div>
         <div>
            <h3>Menu witryny</h3>
            <ul class="menu"><li id="current" class="active item1"><a href="xxxx"><span>Start</span></a></li>
               <li class="parent item27"><a href="xxxx"><span>Joomla! - przegląd</span></a>
                  <ul>
                     <li class="item34"><a href="xxxx"><span>Co nowego w 1.5</span></a></li>
                  </ul>
               </li>
               <li class="item2"><a href="xxxx"><span>Licencja Joomla!</span></a></li>
               <li class="item37"><a href="xxxx"><span>Więcej o Joomla!</span></a></li>
               <li class="item41"><a href="xxxx"><span>Częste pytania</span></a></li>
               <li class="item50"><a href="xxxx"><span>Nowiny</span></a></li>
               <li class="item60"><span class="separator"><img src="xxxx/ikona.png" align="left" alt="separator" /><span>Separator</span></span></li>
            </ul>
         </div>
      </div>
   </div>
</div>

Przykładowy kod CSS

 

Wynik

Dziękujemy za wkład

» Stefan Wajda [zwiastun],