tuto : status floating (new version)
Posted 12/15/12 // 12:19 AM



modern template

1) paste code ni dalam html java script

<style>
.raejun{
width:96px;
padding:2px;
margin-top:5px;
box-shadow:2px 2px 4px #DFDFDF;
background:#eee;
font:8px tt; 
text-align:center;
Text-decoration:none;
color:#FF8888;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #FF8888;
}

.raejun:hover{
width:66px;
border-left:30px solid #FFBBBB;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/k4creio/7PTmf2cbl/verdana.ttf') !important;
}
</style>
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:35px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:90px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="position:fixed; top:100px;left:20px;width:100px; color:#aaa;">
<div style="background:#FFBBBB;color:#fff;width:100px; box-shadow:2px 2px 4px #bbb;text-align:center; font-size:12px; text-transform:uppercase;">
Status</div>
<img src="url image korang" style="width:80px;border:10px solid #eee;margin-top:5px;box-shadow:2px 2px 4px #ddd;" >

<center class="raejun"><marquee behavior="scroll" direction="left">Status: status korang</marquee></center>
</div>
note : merah dan oren sila ubah ye~

-------------------------

classic template

1) buka template , cari </style> dan paste code tu bawah dia.
6 Comments:
Blogger Nurul Syafiqah Hanis said...

yey saya org pertama yang komen dulu.memang berguna la tutorial ni...

December 15, 2012 at 5:31 PM  


Blogger creamlovebunny said...

hehe, tq :)

December 16, 2012 at 1:58 AM  


Blogger Asyikin said...

nAK Buatt =D

December 16, 2012 at 2:57 AM  


Blogger creamlovebunny said...

hehe, buatlah dialukan :D

December 16, 2012 at 4:16 AM  


Blogger HAJAR said...

Thanks ye..Cute sangat!! :)

December 16, 2012 at 5:18 AM  


Blogger creamlovebunny said...

hehe, welcome :)

December 16, 2012 at 6:41 AM  


Post a Comment

... Back to the blog?

Since 2012