Zobacz pełną wersję : Top Menu - definiowanie wlasnego stylu
Witam.
Mam zdefiniowane swoje własne topMenu. Jak mam napisać swój własny styl do tego menu. Chodzi mi o kolorystykę, równanie do prawej? Pozdrawiam.
zwiastun
11-02-2009, 14:29
Jeśli mi opowiesz, jak ja mam namalować swój własny obrazek, spróbuje ci odpowiedzieć, jak Ty masz napisać własny styl. Ale tak ogólnie, to: za pomocą klawiatury, można w Notatniku, choć nie polecam.
chodzi mi gdzie i jak mam podpiąć styl, czy mam mieszać w menu.css czy w jakiś sposób go przysłonić innym css?
zwiastun
11-02-2009, 15:17
To zależy od Ciebie, ale i od struktury plików CSS, jakie masz w swoim szablonie.
Jeśli w Twoim szablonie jest plik menu.css, to umieść w nim. Ale sprawdź wcześniej dokładnie, co to takiego jest - często jest to plik CSS do menu Sun Suckerfish, a więc rozwijanego, wielopoziomowego.
Ponadto - zamiast się męczyć samemu, warto właśnie z CSS do tego menu skorzystać! (jest w JA_Purity)
buduje swój szablon na bazie szablonu JA_Purity tylko nie mogę zmienić np. koloru czcionki itp. Zdefiniowałem sobie menu górne dokładnie tak
<div id="my-logo-menu">
<div id="ja-mainnav" >
<jdoc:include type="modules" name="menugorne" style="xhtml" /> </div>
</div> </div>
Bez <div id="ja-mainnav" > menu mi się rozjeżdża
zwiastun
11-02-2009, 23:38
Nic dziwnego.
Po pierwsze w oryginale cały obiekt jest oznaczony także klasą .clearfix (najogólniej tamuje opływanie). Ale przede wszystkim identyfikator #ja-mainnav stanowi kontekst prawie dla wszystkich klas. Stylizacja menu jest w pliku ja-sosdmenu.css (końcówka pliku)
bazując na poradniku z wersji 1.0 w stylach dodałem następujący kod
ul#mainlevel-nav{
width : 100%;
list-style : none;
padding : 0;
margin : 0;
height : 2.7em;
border-top : 1px solid #eee;
background : #fff url(../images/nav_buttons_bg.gif) repeat-x;
}
ul#mainlevel-nav li{
display : inline;
background : #bcc6cc url(../images/nav_buttons_bg.gif) repeat-x;
border-right : 1px solid #aaa;
float : left;
white-space : nowrap;
text-decoration : none;
}
ul#mainlevel-nav li a {
background : #bcc6cc url(../images/nav_buttons_bg.gif) 0px -1px repeat-x;
padding : 8px 6px 11px 6px;
display : block;
font-weight : bold;
font-size : 13px;
border : 1px solid #eee;
border-bottom : 0px solid #ddd
}
ul#mainlevel-nav li a:hover, ul#mainlevel-nav li a:active {
background-position: 0px 3px;
background-color : #bcc6cc;
padding : 10px 6px 9px 6px;
border : 1px solid #ccc;
border-bottom : 0px solid #ccc;
border-top : 0px solid #b9c4ca;
color : #900900;
}
natomiast diva
<div id="my-logo-menu" >
<div id="mainlevel-nav" >
<jdoc:include type="modules" name="menugorne" style="xhtml" /></div></div>
i styl pozostaje bez zmian, nawet menu nie jest w liście poziomej tylko stadartowo w pionie
zwiastun
12-02-2009, 13:39
1. Przeczytaj, co napisałem Ci wcześniej
2. Zajrzyj do kodu źródłowego swojego menu i znajdź to, coś próbował poregulować
Ja naprawdę nie wiem, w jakim języku mam pisać, skoro ja swoje, a odbiorca informacji swoje.
vBulletin® v4.2.5, Prawa przedruku © 2024 vBulletin Solutions, Inc. Wszystkie prawa zastrzeżone.
Tłumaczenie: Polskie Centrum Joomla!