Odlíšenie položky v menu (CSS)

12. 9. 2012 15:07:49

Prosím Vás, dá sa nejako v CSS nastaviť, aby konkrétna položka v menu mala svoju konkrétnu farbu.

Konkrétny ide mi o tie spodné čiarky:

Normálne by som to riešil cez CLASSy, ale chcem to použiť na WP menu, kde ho WP generuje sám a tam konkrétnej položke CLASSu pridať neviem.

Čiže dá sa nejako pridať, prvej položke žltá, druhej oranžová... Rozmýšľal som použiť childy, len neviem či sa to dá aj napr pre 7 a viac položiek alebo pre každú tretiu ...

Ďakujem za akékoľvek rady

12. 9. 2012 15:07:49

https://webtrh.cz/diskuse/odlisenie-polozky-v-menu-css/#reply807413

Luboš Lerch

(38 hodnocení)

12. 9. 2012 15:28:52

Třídy pro barvy můžeš nastavit přímo při editaci menu v administraci.

12. 9. 2012 15:28:52

https://webtrh.cz/diskuse/odlisenie-polozky-v-menu-css/#reply807412

Matúš Markusek

(10 hodnocení)

12. 9. 2012 15:48:43

Myslíte prostredníctvom položky Atribút titulku? Alebo nejako ináč?

12. 9. 2012 15:48:43

https://webtrh.cz/diskuse/odlisenie-polozky-v-menu-css/#reply807411

Luboš Lerch

(38 hodnocení)

12. 9. 2012 15:53:23

Je zde možnost vepsání přímo CSS třídy. Pokud toto pole nevidíš, pouze si jej zobraz na záložce "Nastavení zobrazených informací" v pravé vrchní části obrazovky.

12. 9. 2012 15:53:23

https://webtrh.cz/diskuse/odlisenie-polozky-v-menu-css/#reply807410

Matúš Markusek

(10 hodnocení)

12. 9. 2012 16:05:56

Ahá, no to som netušil :)

Veľmi pekne ďakujem. Ale keby sa našla ešte nejaká automatizovaná možno na riešenie tohto môj požiadavku, tak by som uvítal. Lebo predsa len týmto pádom pri zmene menu bud musieť človek niečo urobiť. A vysvetliť laikovi, aby vždy pridal príslušnú triedu nemusí byť ľahké, prípadne zabudne a už bude zle na mňa.

Ale pokiaľ taká možnosť neexistuje nevadí, hlavne že sa to dá urobiť :D

12. 9. 2012 16:05:56

https://webtrh.cz/diskuse/odlisenie-polozky-v-menu-css/#reply807409

---

(6 hodnocení)

12. 9. 2012 16:35:36

môžeš tam pridať triedy pomocou javascriptu a v neIE prehliadačoch aj cez css http://css-tricks.com/how-nth-child-works/

12. 9. 2012 16:35:36

https://webtrh.cz/diskuse/odlisenie-polozky-v-menu-css/#reply807408

Luboš Lerch

(38 hodnocení)

12. 9. 2012 17:09:40

Můžeš si funkci pro vykreslení menu rozšířit. Do souboru šablony functions.php si zaneseš:

add_filter('wp_nav_menu_objects', 'custom_menu_item_index');

function custom_menu_item_index($items)

{

$index = 1;

foreach ($items as $item)

{

if ($item->post_parent == 0) $item->classes[] = sprintf('item-%s', $index++);

}

return $items;

}

Tahle konkrétní funkce všechny hlavní položky v menu očísluje od první do poslední. Pokud chceš mít rozdílné třídy pro každou druhou, třetí a podobně, stačí ji upravit podle potřeby.

12. 9. 2012 17:09:40

https://webtrh.cz/diskuse/odlisenie-polozky-v-menu-css/#reply807407

Matúš Markusek

(10 hodnocení)

12. 9. 2012 20:34:03

Ďakujem, pomohli ste.

12. 9. 2012 20:34:03

https://webtrh.cz/diskuse/odlisenie-polozky-v-menu-css/#reply807406

Jan Matoušek

(12 hodnocení)

13. 9. 2012 09:22:04

šlo by použít i css3, něco ve stylu: