Změna barvy menu - změna CSS

19. lis 2013 11:32 - 19. lis 2013 11:41 #112767

Změna barvy menu - změna CSS od Vojtěch Kocián

Pokročilý uživatel

Zdravím Joomlisti, mám na Vás opět prosbu

Potřeboval bych poradit jak docílit toho aby jedna položka v menu měla jinou barvu než ostatní.

Jedná se o tuto stránku: www.pivni-web.cz

Momentálně mám šablonu, která podporuje 3 druhy barev - ORANGE, GREEN, RED.
Každá položka má svou barvu až po kliknutí. Potřeboval bych aby už měla položka jinou barvu před kliknutím. Viz obrázek.

[img]pivni-web.cz/menu.gif[/img]

Snad je to srozumitelné.

Snad to nebude moc velký zásah do CSS souborů a půjde lehce.
Mockrát děkuji za radu

www.VojtechKocian.cz

19. lis 2013 12:54 #112770

Odpověď od Houbák

Zkušený uživatel

Každá položka menu má svoji css class, takže není přece problém si ji nastylovat podle svých představ, ne?

Úřední deska

19. lis 2013 13:32 - 19. lis 2013 13:32 #112772

Odpověď od Vojtěch Kocián

Pokročilý uživatel

Jo to jsem si myslel. A mohl by jsi mě ještě trochu nakopnout?

kde je najdu a jak je cca je upravím ...

DÍK

www.VojtechKocian.cz

19. lis 2013 17:14 #112775

Odpověď od Pavel Šťastný

Pokročilý uživatel

doporučuju do Firefoxu doplněk Firebug....pak si zapneš tu konzoli...pak si klikneš na druhou ikonku zleva v tom panelu...a pak na prvek, který chceš...vlevo se ti pak ukáže kam kde přesně je definice CSS...může to být na různých místech...záleží na šabloně

19. lis 2013 17:45 #112776

Odpověď od Vojtěch Kocián

Pokročilý uživatel

Samozřejmě že Firebug mám a používám ho.

Ale ani v něm mi nejde vytvořit pro každé menu jinou barvu. Poradí někdo detailněji? Stačí mi to ukázat na jedné položce menu

Díky

www.VojtechKocian.cz

19. lis 2013 17:45 - 19. lis 2013 17:48 #112777

Odpověď od Maceček Richard

Začátečník

Nazdar, napřiklad :

Code:

html body#body_bg div#headerconteiner div#nav ul.menu li.item-180 a {
    background: #F36C20;
}
html body#body_bg div#headerconteiner div#nav ul.menu li.item-110 a {
    background: #6BB03C;
}
html body#body_bg div#headerconteiner div#nav ul.menu li.item-109 a {
    background: #F36C20;
}

PS : upravil sem to podle tvého obrazku :)
html body#body_bg div#headerconteiner div#nav ul.menu li.item-108 a {
    background: #6BB03C;
}
html body#body_bg div#headerconteiner div#nav ul.menuzeleneschema li.item-107 a {
    background: #F36C20;
}

PS: upravil sem to podle tveho obrazku

Přihlásit se

Joomla 5.2.2 Security & Bugfix Release

Změna barvy menu - změna CSS

Nejnovější příspěvky