Nice that u like my buttons. Damnm i tryed to change the box shadows but nothing show up.
Thats my Code:
PHP Code:
<style type="text/css">
#SideBar{
list-style:none;
position:fixed;
z-index:5;
right:0;
top:130px;
width:35px;
padding:8px 5px;
border:1px solid #252525;
border-right:none;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
-moz-box-shadow:0 0 7px rgba(0,0,0,.6);
-webkit-box-shadow:0 0 7px rgba(0,0,0,.6);
box-shadow:0 0 7px rgba(0,0,0,.6);
background:rgb(0,0,0);
background:-moz-linear-gradient(top,rgba(243,52,8,.75),rgb(0,0,0);
background:-webkit-gradient(linear,left top,left,bottom,from(rgba(243,52,8,.75),to(0,0,0);
background:linear-gradient(top,rgba(243,52,8,.75),rgb(0,0,0);
}
.img:hover {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 30px 1px rgba(0,150,250,1);
}
#SideBar li{
margin:9px 0 0 0;
line-height:0
}
#SideBar li:first-child{
margin-top:0
}
#SideBar a{
display:block;
width:35px;
}
#SideBar a span{
position:absolute;
top:-999em
}
</style>
<ul id="SideBar">
<a href="index.php" title="Home"><div class="img"><img src="images/sidebar/home.png"></a></div></li>
<li><a href="usercp.php" title="UserCP"><div class="img"><img src="images/sidebar/profile.png"></a></div></li><li><a href="search.php" title="Search"><div class="img"><img src="images/sidebar/search.png"></a></div></li>
<li><img src="images/sidebar/space.png"></li>
<li><a href="calendar.php" title="Calendar" ><div class="img"><img src="images/sidebar/calendar.png"></a></div></li>
<li><a href="http://de-de.facebook.com/pages" title="Facebook" target="_blank"><div class="img"><img src="images/sidebar/facebook.png"></a></div></li>
<li><a href="http://www.urban-zone.org" title="UrbanZone" target="_blank"><div class="img"><img src="images/sidebar/uz.png"></a></div></li>
</ul>
My Buttonsize is 35 x 35px. No beauty shining...