Genomskillning horisontell dropdown meny
21:32:34
Kategori » Webdesign
Kommentarer [8]
Börja med att klistra in denna koden längst ner i din stilmall.
#navbar {
margin: 0px;
padding: 0px;
left: 0px;
height: 9em; }
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 7px 21px 10px 10px;
background-color: #ffffff; /*Ändra färgen på menyflikarna här*/
color: #000000; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: arial; /*Ändra typsnittet här*/
font-size: 10px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
width: 8em; /* Ändra bredden på undermenyn här */
background-color: #cccccc;
/* opacitet for IE */
filter:alpha(opacity=80);
/* opacity: 0.80; filter: alpha(opacity=80); */
/* opacitet CSS3 standard */
opacity:0.80;
/* opacitet for Mozilla */
-moz-opacity:0.80;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
background-color: #ffffff; /*Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
color: #000000; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #cccccc;
} /*Ändra färgen när man håller musen över undermenyn*/
Sen ska du fixa själva menyn. Detta gör du i kodmallarna (framsidan, inläggsidan, kategorisidan, arkivsidan)
Klistra in denna koden där du vill ha menyn i alla kodmallarna. Tex under eller över header. Där jag har skrivit # ska du sätta in länken till sidan.
<ul id="navbar">
<li><a href="#">RUBRIK</a>
<ul>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
</ul>
</li>
<li><a href="#">RUBRIK</a>
<ul>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
</ul>
</li>
<li><a href="#">RUBRIK</a>
<ul>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
</ul>
</li>
Här kan du sätta in rubrikkoden igen om du vill ha flera
</ul>
Sätt till denna koden om du vill ha flera rubriker
<li><a href="#">RUBRIK</a>
<ul>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
<li><a href="#">Underrubrik</a></li>
</ul>
</li>
Om du vill ändra textstil, färger eller annat på menyn så gör du detta i stilmallen. Jag har satt ut lite hjälp meningar i den där det står var du ändrar vad.
Om det var något du inte förstod så får du kommentera.
vad bra, precis vad jag letade efter! :D hur gjorde du för att få menyn mer i mitten, inte till höger eller vänster?
TACK, en jättebra guide!
20:18:48
Hur får du menyn att vara i mitten? ^^
18:58:36
jag är ganska ny på detta men hur ändrar jag i dropdown menyn .. t.ex om jag vill att den ska länka till kategorier hur gör jag då eller till länkar jag hittar de ingenstans och alla som kan detta vill typ inte svara på de :(
jättefin men hur får jag den i mitten? :)
14:53:36
hej jätte bra beskrivning verkligen :) aldrig lyckats gjort en dropdown meny förut för ingen har förklarat så bra som du nu gjorde :) men jag har en liten fundering hur gör jag för att få den i mitten ? :)
när jag lägger in min blir det jätte konstigt, skulle du vilja hjälpa mig att lägga in den?:)
Det funkar inte för mig. Kolla http://eemma.webblogg.se/design/ det blir jätte konstigt?? <3 D:
