Přihlásit se

Joomla 6.0

Dne 14. října 2025 bylo oficiálně vydáno Joomla 6.0 (kódové jméno Kuimarisha) společně s Joomla 5.4 (Kutegemea). Joomla 5.1 přinesla zabezpečené TUF aktualizace, ale s Joomla 5.4 / 6.0 přichází automatické aktualizace jádra, které budou probíhat bezpečně a bez nutnosti manuálního zásahu.

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

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?

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

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

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 :)

19. lis 2013 18:22 #112778
Odpověď od Vojtěch Kocián
Pokročilý uživatel
A vložit to mám do template.php? Nebo kam?

19. lis 2013 18:34 #112779
Odpověď od Vojtěch Kocián
Pokročilý uživatel
Už jsem na to přišel. Super. Díky moc. Teď si s tím jen vyhrát. Ještě jednou díky.

05. pro 2013 21:33 #113122
Odpověď od Maceček Richard
Začátečník
Neni zač :) B)

Powered by Fórum