ok kawan, kali ini saya akan membagikan tutorial tentang membuat dropdown menu versi saya....kekekeke
langkah pertama
copy script dibawah ini:
#oxymenuposisi{width:900px; position:relative; float:left; margin-left=0px;}
#oxymenu{margin-left=0px;
width: 900px;
height: 40px;
background-image: url(http://i1189.photobucket.com/albums/z430/aguswaluyo1/background.jpg);
}
#oxymenu ul{
padding: 0;
margin: 0;
}
#oxymenu li{
float: left;
position: relative;
width: 112px;
list-style: none;
height: 40px;
}
#oxymenu li a{
height: 40px;
color: #FFFFFF;
text-align: center;
display: block;
text-decoration:none;
font-size:13px;
line-height:40px;
}
#oxymenu li a:hover{
color:#666666;
background-image: url(http://i1189.photobucket.com/albums/z430/aguswaluyo1/ul.jpg);
z-index: 27;
}
#oxymenu ul ul{
position: absolute;
top: 45px;
width: 130px;
visibility: hidden;
}
#oxymenu ul ul li{
width:200px;
position:relatif;
display: block;
background-image: url(http://i1189.photobucket.com/albums/z430/aguswaluyo1/ulul.png);
}
#oxymenu ul ul li a{
color:#FFFFFF;
text-align: left;
padding-left: 10px;
}
#oxymenu ul li:hover ul{
visibility:visible;
color: #000000;
z-index: 27;
}
2. buka form edit html
3. pastekan tepat diatas code ]]></b:skin>
4. save
5. buka tab elemen laman
6. pilih option tambah html/javascript...
copy+paste code dibawah ini kedalam form tambah html/javascript
ganti=###(pagar) dengan nama tampilannya
semoga bermanfaat
semoga bermanfaat:::DDDD
salam oxy27
langkah pertama
copy script dibawah ini:
#oxymenuposisi{width:900px; position:relative; float:left; margin-left=0px;}
#oxymenu{margin-left=0px;
width: 900px;
height: 40px;
background-image: url(http://i1189.photobucket.com/albums/z430/aguswaluyo1/background.jpg);
}
#oxymenu ul{
padding: 0;
margin: 0;
}
#oxymenu li{
float: left;
position: relative;
width: 112px;
list-style: none;
height: 40px;
}
#oxymenu li a{
height: 40px;
color: #FFFFFF;
text-align: center;
display: block;
text-decoration:none;
font-size:13px;
line-height:40px;
}
#oxymenu li a:hover{
color:#666666;
background-image: url(http://i1189.photobucket.com/albums/z430/aguswaluyo1/ul.jpg);
z-index: 27;
}
#oxymenu ul ul{
position: absolute;
top: 45px;
width: 130px;
visibility: hidden;
}
#oxymenu ul ul li{
width:200px;
position:relatif;
display: block;
background-image: url(http://i1189.photobucket.com/albums/z430/aguswaluyo1/ulul.png);
}
#oxymenu ul ul li a{
color:#FFFFFF;
text-align: left;
padding-left: 10px;
}
#oxymenu ul li:hover ul{
visibility:visible;
color: #000000;
z-index: 27;
}
2. buka form edit html
3. pastekan tepat diatas code ]]></b:skin>
4. save
5. buka tab elemen laman
6. pilih option tambah html/javascript...
copy+paste code dibawah ini kedalam form tambah html/javascript
ganti=###(pagar) dengan nama tampilannya
semoga bermanfaat
semoga bermanfaat:::DDDD
salam oxy27