1 Facebook Slide panel Sun Jul 29, 2012 4:22 am
Mr.Joker
Mr. WebArtz
Display/Colors/CSS :
After body tag add this:
DEMO: http://fight-club.forumotion.com/
- Code:
#test {
margin-top:100px;
margin-left:0px;
background-color:#000000;
height:42px;
width: 42px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-top-right-radius:10px;
-moz-border-bottom-right-radius:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
position:absolute;
-webkit-transition: width 1s ease;
-moz-transition: width 1s ease;
-o-transition: width 1s ease;
-ms-transition: width 1s ease;
transition: width 1s ease;
border-top:2px solid #6666ff;
border-right:2px solid #6666ff;
border-bottom:2px solid #6666ff;
}
#test:hover {
width:140px;
}
After body tag add this:
- Code:
<div id="test"><a href="https://www.facebook.com/"><img src="http://www.dodaj.rs/f/2T/NR/1f0DnhXW/adasd.png" width="130" height="42" align="right" border="0" /></a></div>
DEMO: http://fight-club.forumotion.com/