// s t a r r y t h e t i c
ENTRY ABOUT RANGKUMAN STUFFS INSTAGRAM TWITTER NEWER OLDER +FOLLOW DASH

BOX DISCLAIMER HOVER

| PREVIEW |





  • Dashboard >>> Tata letak >>> HTML/Javascript

  • Copy dan Paste kode ini :
<div class="widget-content">
<br />
<center>
<style>
#sidebar-position{
border:2px solid rebeccapurple;
z-index:9999;
background:url(URL GAMBAR);
padding:5px;width:200px;}
#back{
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
border:4px solid rebeccapurple;
background-image: url('URL GAMBAR');
width:193px;
height:180px;
overflow:hidden;
margin-right:6px;
margin-bottom:5px;}
#back:hover{
border:4px solid rebeccapurple;
-webkit-transition: 1.0s;-moz-transition: 1.0s;}
.title {
margin-right:-90px;
margin-top:-60px;
font:28px 'from where you are';
padding:5px;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
transition:all .3s linear;
text-align:center;color:#FFF;
background:rebeccapurple;
padding:3px;
letter-spacing:3px;}
#statuss {
margin-top:200px;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
transition:all .3s linear;
font:12px delius;
text-transform:uppercase;
color:#000;
padding:3px;
background:#fff;
display:block;
height:250px;}
#back:hover .title {margin-top:0px}
#back:hover #statuss {margin-top:0px;}
</style><div id="sidebar-position">
<div id="back">
<div class="title">
Hi!</div>
<div id="statuss">
<div id="status">
<br />
<br />
<br />
Welcome to my blog</div>
</div>
</div>
</div>
</center>
</div>

Ket:
-- : Kode warna
-- : URL gambar/background
-- : Font
-- : Title/judul
-- : Text

Labels: ,


Written by me at 2/06/2015 | 0 Star{s}

Post a Comment