Colour Bloggie

HIATUS




Floating CBOX hover #1

Haii! Hari ini Najiyah posting tutorial Floating CBOX Hover #1. bascode dari code Kak Ezah & Kak Aza, nih. Thanks, ya..




  • Denim & Simple Template: Dashboard >> Tata Letak >> HTML/Javascript
  • Blogskins: Cari kode Sidebar kamu

  • Copy code ini:


<style>
.code{
border-radius: 0px 15px 15px 0px;
width:10px; height:150px;
text-align:center;
padding:10px 15px;
font:17px Century gothic;
font-weight:bold;
margin-top:-5px;
margin-left:250px;
background-color: #F2B1A9;
color:#FFFFFF;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#box {
position:fixed;
border:2px solid #F2B1A9;
width:245px;
left:-260px;
top:70px;  /*the position of slide box minimum 0*/
height:420px;
padding:6px;
background:transparent;
background-image:url(URL BACKGROUND);
background-position:right;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#box:hover {
left:1px;
}
.chat {
padding:4px;
height:420px;
margin-top:-110px;
text-align:left;;
overflow-x:hidden;
border:2px inset #F9D2CC;
background:transparent;
}
</style>
<center><div id="box"><div class="code">
T<br />a<br />g<br />b<br />o<br />a<br />r<br />d</div>
<div style="margin-top: -80px;"><br><div class="chat">
<center>CBOX CODE</div>
</div></div></div></div>
</center>


  • Save!

Label:


Posting Komentar

Copyright © 2016 Najiyah Bloggie | Template by Najiyah | The Owner is Najiyah | Powered by Blogger