Cara Membuat Menu Mendatar di Blogspot
Dengan Sub Menu Sekaligus Oleh Mahmud H.Huseng
Copy LINK Dibawah ini Simpan Persis diatas ]]>< b:skin >
#WadahMenu{background: transparent;height:40px;margin:0 auto; padding:0; font:bold 8px Arial,Tahoma,Verdana; text-decoration:none}
#Menu{margin:0; padding-top:3px; padding-left:3px}
#Menu ul{float:left; list-style:none; margin:0;padding:0; text-decoration:none}
#Menu li{list-style:none; margin:0; padding:0; text-decoration:none}
#Menu li a, #Menu li a:link, #Menu li a:visited{color:white;background:red; display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;font-family:Arial, Helvetica, Sans-serif;text-shadow:0 1px 0 black;margin:0 0px 0 0;padding:9px 3px 9px;border-radius:12px 12px 12px 12px;width:79px;text-align:center;border:1px solid black;}
#Menu li a:hover, #Menu li a:active{background:black; color: white; border:1px solid black; text-decoration:none}
#Menu li li a, #Menu li li a:link, #Menu li li a:visited{background:red; width:150px; color:white;
text-transform:lowercase; float:none; margin:0; padding:7px 10px; border-bottom:1px solid #585858; border-left:1px solid #585858;
border-right:1px solid #585858; font:normal
#Menu{margin:0; padding-top:3px; padding-left:3px}
#Menu ul{float:left; list-style:none; margin:0;padding:0; text-decoration:none}
#Menu li{list-style:none; margin:0; padding:0; text-decoration:none}
#Menu li a, #Menu li a:link, #Menu li a:visited{color:white;background:red; display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;font-family:Arial, Helvetica, Sans-serif;text-shadow:0 1px 0 black;margin:0 0px 0 0;padding:9px 3px 9px;border-radius:12px 12px 12px 12px;width:79px;text-align:center;border:1px solid black;}
#Menu li a:hover, #Menu li a:active{background:black; color: white; border:1px solid black; text-decoration:none}
#Menu li li a, #Menu li li a:link, #Menu li li a:visited{background:red; width:150px; color:white;
text-transform:lowercase; float:none; margin:0; padding:7px 10px; border-bottom:1px solid #585858; border-left:1px solid #585858;
border-right:1px solid #585858; font:normal
14px Georgia,Times New Roman; text-decoration:none}
#Menu li li a:hover, #Menu li li a:active{background:black; color:white; padding:7px 10px; text-decoration:none}
#Menu li{float:left; padding:0; text-decoration:none}
#Menu li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0; text-decoration:none}
#Menu li ul a{width:140px; text-decoration:none}
#Menu li ul ul{margin:-32px 0 0 171px}
#Menu li:hover ul ul, #Menu li:hover ul ul ul, #Menu li.sfhover ul ul, #Menu li.sfhover ul ul ul{left:-999em}
#Menu li:hover ul, #Menu li li:hover ul, #Menu li li li:hover ul, #Menu li.sfhover ul, #Menu li li.sfhover ul, #Menu li li li.sfhover ul{left:auto}
#Menu li:hover, #Menu li.sfhover{position:static}
#Cari{background:red;float:left;margin:0; padding-top:3px; padding-bottom:3px; ppadding-left:3px;padding-right:3px;border-radius:12px 12px 12px 12px;width:250px;text-align:center;border:1px solid black;}
#Menu li li a:hover, #Menu li li a:active{background:black; color:white; padding:7px 10px; text-decoration:none}
#Menu li{float:left; padding:0; text-decoration:none}
#Menu li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0; text-decoration:none}
#Menu li ul a{width:140px; text-decoration:none}
#Menu li ul ul{margin:-32px 0 0 171px}
#Menu li:hover ul ul, #Menu li:hover ul ul ul, #Menu li.sfhover ul ul, #Menu li.sfhover ul ul ul{left:-999em}
#Menu li:hover ul, #Menu li li:hover ul, #Menu li li li:hover ul, #Menu li.sfhover ul, #Menu li li.sfhover ul, #Menu li li li.sfhover ul{left:auto}
#Menu li:hover, #Menu li.sfhover{position:static}
#Cari{background:red;float:left;margin:0; padding-top:3px; padding-bottom:3px; ppadding-left:3px;padding-right:3px;border-radius:12px 12px 12px 12px;width:250px;text-align:center;border:1px solid black;}
Selengkapnya Masuk Di Tentang Blog, Menu Datar
Semoga Bisa Bermanfaat, karena saya juga belajar dari blog ke blog berhubung karena ada beberapa Artikel yang tidak jelas.
Semoga Bisa Bermanfaat, karena saya juga belajar dari blog ke blog berhubung karena ada beberapa Artikel yang tidak jelas.