28 / 07 / 2012

How to add cute sliding box to your blog

[View Demo Here ]

<style text="css">
.da {
position:absolute;
top:100px;
width:200px;
left:-230;background: url("http://i122.photobucket.com/albums/o260/mhilka/minigifs/balaozinho40.gif") no-repeat scroll right top transparent ;
padding: 10px 60px 10px 10px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
.da:hover {
position:absolute;
top:100px;
left:0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
}
.ba {
border:1px solid #eee;
width:100%;
padding:5px;}
</style>
<div class="da">
<div class="ba">
Your cbox codes / anything</div>
</div>
</div>
</div>

  • blogskin : paste the codes anywhere after <body>
  • Template designer : paste into HTML/GADGET
»
«
»
«

A personal & design blog based in Malaysia. Blog is still under construction but enjoy your visit!

Search this blog

category

Blogging Personal Tutorials Freebies Category Category

subscribe this blog

My Bloglist

Sponsor


Random post from this blog



© 2011-2017 WANASEOBY.COM