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
»
«
»
«

The blog writer

shazwana


An ordinary girl with a lot of hobbies, using this blog to share every pieces of her life, I am Wana without Seoby, a Marketing student who is in love with the art of coding.

Read more about me


+ JOIN THIS SITE

Instagram

Footsteps

My Bloglist

Sponsor



© 2011-2017 WANASEOBY.COM