code in template voor extra navigatiebalk

gebruikete code in template voor extra navigatiebalk








#Hr-23 {
position:relative;
list-style:none;
margin:10px;
padding:0;
float:left;
}
#Hr-23 li {
margin:0;
padding:0;
float:left;
}
#Hr-23 li a {
position:relative;
display:inline;
padding:12px 12px;
overflow:hidden;
text-decoration:none;
font-family:Constantia,Georgia,'Nimbus Roman No9 L',serif;
text-transform:capitalize;
font-size:16px;
font-weight:bold;
color:#E0E0E0;
-moz-border-radius:18px 18px 0 0;
-webkit-border-radius:18px 18px 0 0;
border-radius:18px 18px 0 0;
background:#3C3C3C;
-moz-opacity:0.75;
-khtml-opacity:0.75;
filter:alpha(opacity=75);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
opacity:0.75;
box-shadow:inset 0 0 5px 1px rgba(0,0,0,0.2);
background:-webkit-gradient(linear,left top,left bottom,from(#272727),color-stop(0.35 #424242),color-stop(0.70 #3A3535),to(#302E2E));
background:-webkit-linear-gradient(top,#272727 0%,#424242 35%,#3A3535 70%,#302E2E 100%);
background:-moz-linear-gradient(top,#272727 0%,#424242 35%,#3A3535 70%,#302E2E 100%);
background:-o-linear-gradient(top,#272727 0%,#424242 35%,#3A3535 70%,#302E2E 100%);
background:-ms-linear-gradient(top,#272727 0%,#424242 35%,#3A3535 70%,#302E2E 100%);
background:linear-gradient(top,#272727 0%,#424242 35%,#3A3535 70%,#302E2E 100%);
}
#Hr-23 li a:before {
position:absolute;
content:attr(PBT);
width:auto;
height:20px;
padding:1px 2.9px;
white-space:nowrap;
font-size:10px;
z-index:99;
background:#B3B3B3;
color:black;
top:0;
left:-9999px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#Hr-23 li a:hover::before {
left:30%;
top:-25px;
}
#Hr-23 li a:after {
position:absolute;
width:0;
height:0;
content:'';
border-style:solid;
border-width:7px 7px 0 7px;
left:-9999px;
top:0;
border-color:#B3B3B3 transparent transparent transparent;
}
#Hr-23 li a:hover::after {
left:39%;
top:-3px;
}
#Hr-23 li a:hover {
-moz-opacity:0.85;
-khtml-opacity:0.85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85);
opacity:0.85;

}

Reacties

Populaire posts van deze blog

Reisverslagen en camperverhalen

gadgets in footer and sidebar in mobile version

Volgende en Vorige aan het einde van blogpost