Nime Pixrl











Toturial : Slide status gantung *3
Sunday, July 14, 2013 | Sunday, July 14, 2013 | 1 Girly Says
Hallo  dari kemaren maya di cbox ada yang tanya slide status gantung yah?
Okeehh, aku kasih tau deh sampe 3 orang yang reqsuet waww. aku terkejut 
Banyak banget, tapi yuk.. yuk .. ikutt aku kasih tau cara na 

Tapi aku bisa sekarang, haha  .

--------------------------------------------------------------------------------
Classik Tempelate 
Blogskisns
Dashboard  Tempelate  F3 seacrh </style> 
----------------------------------------------------------------------------------
Copy code di bawah yah~ 
<style>
#line{
position:fixed;
right:50px;
top:0px;
border-left:10px solid #ffd2e0;
border-right:10px solid #ffd2e0;
width:70px;
height:50px;}


.statioo {
border:1px solid #ffd2e0;
font-family:  'GFS Neohellenic', sans-serif;
font-size:13px;
letter-spacing:2px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;color:#000;
width:150px;
margin-left:-38px;
margin-top:40px;
text-align:center;
padding:5px;
background:url();
}

#notii {
border:1px solid #ffd2e0;
width:150px;
font-family:  'GFS Neohellenic', sans-serif;
font-size:13px;margin-top:10px;
margin-left:-38px;
padding:4px;
height:%0px;
text-align:left;
background:url();
color:#444;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}

</style>
<div id="line">
<div class="statioo">
STATUS</div>
<div id="notii">
YOUR TEXT</div>
</div></div>

merah : posisi status
orange : warna border
biru : TEXT

 Nah paste di HTML/Java script atau dibawah code </style> yah 
 SELESAI  

Selamat Mencobaa, ^^ 




1 Comments:

Blogger Maya Fitriani said...

kreatiff

August 10, 2013 at 10:11 PM  

Post a Comment

Komen aja ntar dibales


OLDER POST | NEWER POST