e_kangu
17-09-2009, 09:24
Witam,
Chciałbym stworzyć szablon z menu w którym każda z pozycji menu ma inny styl, tzn. chciałbym żeby joomla wygenerowała kod podobny do poniższego
<ul>
<li id="obwieszczenia">Obwieszczenia</li>
<li id="galeria">Galeria</li>
<li id="informacje">Informacje</li>
<li id="aktualnosci" class="activ">Aktualności</li>
</ul>
Próbowałem dodawać przyrostki klas ale tym sposobem prawdopodobnie się tego nie da zrobić.
Myślałem żeby każdy element powyższego menu był osobnym modułem i osobnym menu, ale, że jest to mój pierwszy szablon i mój kontakt z joomalą zaczął się właśnie podczas tworzenia tego szablonu. Dlatego nie wiem jakie powstaną później zależności tzn. zależy mi żeby zawsze któraś pozycja była aktywna, jeżeli jest aktywna strona startowa ni musi być żadna pozycja menu aktywna, ale jeżeli jest przeglądany jakiś artykuł z sekcji to musi być.
Zaraz pewnie będę sprawdzać czy takie rozwiązanie jest dobre, ale byłbym wdzięczny gdyby ktoś bardziej doświadczony niż ja poradził mi coś na temat takiego menu.
Czy są może jakieś moduły, rozszerzenia które ułatwiają nadawanie pojedynczym elementom menu identyfikatorów, lub przypisać indywidualną klasę?
Wkleję jeszcze część kodu css odpowiedzialnego za te elementy, dla lepszego zrozumienia mojego problemu.
#menuw ul #aktualnosci{
background-image: url(../images/tlo_menu_aktu.png);
background-repeat: no-repeat;
background-position: right -31px;
height: 30px;
}
#menuw ul #aktualnosci.activ, #menuw ul #aktualnosci:hover.activ {
background-image: url(../images/tlo_menu_aktu.png);
background-repeat: no-repeat;
background-position: right 0px;
z-index: 100;
height: 31px;
}
#menuw ul #aktualnosci:hover{
background-image: url(../images/tlo_menu_aktu.png);
background-repeat: no-repeat;
background-position: right -62px;
height: 30px;
}
#menuw ul #informacje{
background-image: url(../images/tlo_menu_info.png);
background-repeat: no-repeat;
background-position: right -31px;
height: 30px;
}
#menuw ul #informacje:hover{
background-image: url(../images/tlo_menu_info.png);
background-repeat: no-repeat;
background-position: right -62px;
height: 30px;
}
#menuw ul #galeria{
background-image: url(../images/tlo_menu_gale.png);
background-repeat: no-repeat;
background-position: right -31px;
height: 30px;
}
#menuw ul #galeria:hover{
background-image: url(../images/tlo_menu_gale.png);
background-repeat: no-repeat;
background-position: right -62px;
height: 30px;
}
#menuw ul #obwieszczenia{
background-image: url(../images/tlo_menu_obwie.png);
background-repeat: no-repeat;
background-position: right -31px;
height: 30px;
}
#menuw ul #obwieszczenia:hover{
background-image: url(../images/tlo_menu_obwie.png);
background-repeat: no-repeat;
background-position: right -62px;
height: 30px;
}
Chciałbym stworzyć szablon z menu w którym każda z pozycji menu ma inny styl, tzn. chciałbym żeby joomla wygenerowała kod podobny do poniższego
<ul>
<li id="obwieszczenia">Obwieszczenia</li>
<li id="galeria">Galeria</li>
<li id="informacje">Informacje</li>
<li id="aktualnosci" class="activ">Aktualności</li>
</ul>
Próbowałem dodawać przyrostki klas ale tym sposobem prawdopodobnie się tego nie da zrobić.
Myślałem żeby każdy element powyższego menu był osobnym modułem i osobnym menu, ale, że jest to mój pierwszy szablon i mój kontakt z joomalą zaczął się właśnie podczas tworzenia tego szablonu. Dlatego nie wiem jakie powstaną później zależności tzn. zależy mi żeby zawsze któraś pozycja była aktywna, jeżeli jest aktywna strona startowa ni musi być żadna pozycja menu aktywna, ale jeżeli jest przeglądany jakiś artykuł z sekcji to musi być.
Zaraz pewnie będę sprawdzać czy takie rozwiązanie jest dobre, ale byłbym wdzięczny gdyby ktoś bardziej doświadczony niż ja poradził mi coś na temat takiego menu.
Czy są może jakieś moduły, rozszerzenia które ułatwiają nadawanie pojedynczym elementom menu identyfikatorów, lub przypisać indywidualną klasę?
Wkleję jeszcze część kodu css odpowiedzialnego za te elementy, dla lepszego zrozumienia mojego problemu.
#menuw ul #aktualnosci{
background-image: url(../images/tlo_menu_aktu.png);
background-repeat: no-repeat;
background-position: right -31px;
height: 30px;
}
#menuw ul #aktualnosci.activ, #menuw ul #aktualnosci:hover.activ {
background-image: url(../images/tlo_menu_aktu.png);
background-repeat: no-repeat;
background-position: right 0px;
z-index: 100;
height: 31px;
}
#menuw ul #aktualnosci:hover{
background-image: url(../images/tlo_menu_aktu.png);
background-repeat: no-repeat;
background-position: right -62px;
height: 30px;
}
#menuw ul #informacje{
background-image: url(../images/tlo_menu_info.png);
background-repeat: no-repeat;
background-position: right -31px;
height: 30px;
}
#menuw ul #informacje:hover{
background-image: url(../images/tlo_menu_info.png);
background-repeat: no-repeat;
background-position: right -62px;
height: 30px;
}
#menuw ul #galeria{
background-image: url(../images/tlo_menu_gale.png);
background-repeat: no-repeat;
background-position: right -31px;
height: 30px;
}
#menuw ul #galeria:hover{
background-image: url(../images/tlo_menu_gale.png);
background-repeat: no-repeat;
background-position: right -62px;
height: 30px;
}
#menuw ul #obwieszczenia{
background-image: url(../images/tlo_menu_obwie.png);
background-repeat: no-repeat;
background-position: right -31px;
height: 30px;
}
#menuw ul #obwieszczenia:hover{
background-image: url(../images/tlo_menu_obwie.png);
background-repeat: no-repeat;
background-position: right -62px;
height: 30px;
}