Bab 5: Merubah bentuk Label pada Blogger menjadi Tab
May 13, 2008 by Adam Pahlevi
Filed under Buku
/*- Menu Tabs F By http://www.exploding-boy.com/2005/12/15/free-css-navigation-designs/——
*/#tabsF {
float:left;
width:100%;
font-size:80%;
line-height:normal;
border-bottom:1px solid #000;}
#tabsF ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsF li {
display:inline;
margin:0;
padding:0;
}
#tabsF a {
float:left;
background:url(”http://www.anniyalogam.com/labeltabs/tableftF.gif“) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
float:left;
display:block;
background:url(”http://www.anniyalogam.com/labeltabs/tabrightF.gif“) no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -42px;
}
#tabsF a:hover span {
background-position:100% -42px;
}
Comments
Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!