asghar2008
پنج شنبه 03 مرداد 1392, 00:24 صبح
سلام
کد Html :
<div class="side-box">
<div class="sidebar-heading">لینک دوستان</div>
<ul>
<li class="li-edit"><a href="#" title="">سایت برنامه نویس</a></li>
<li class="li-edit"><a href="#" title="">سایت مجید آنلاین</a></li>
<li class="li-edit"><a href="#" title="">سایت گوگل</a></li>
<li class="li-edit"><a href="#" title="">سایت یاهو </a></li>
</ul>
</div>
کد CSS :
.side-box{
padding:10px;
/*background:rgba(60,70,255,0.5);*/
border:thin solid rgba(255,255,255,0.5);
background:rgb(255,255,255);
border-radius:10px;
margin-bottom:10px;
}
.side-box ul li{
list-style:none;
margin-bottom:10px;
width:200px;
height:30px;
opacity:0.7;
}
.side-box ul li a{
text-decoration:none;
color:#ffffff;
}
.side-box ul li:hover {
opacity:1;
box-shadow:0px 0px 2px 3px #5555ff;
background: none repeat scroll 0% 0% rgb(0, 0, 0);
border: 1px solid;
border-right: 1px solid rgb(0, 40, 90);
border-image: none;
border-radius: 10px 10px 10px ;
}
.li-edit{
padding:5px 10px 0px 0px;
}