Home Owner Tutobies Other Friends Themes

Sabtu, 12 September 2015

Status Box Melayang


Hai teman-teman! Ada kawan yang request nih. Wah, sebenarnya aku agak capek habis latihan JAMBORE. Tapi ngak papa deh demi pengunjung #weleeh#. Yuk lihat postingannya....!



1. Dashboard
2. Tata Letak
3. HTML Java Script
4. Taruh kode dibawah ini
<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(URL BACKGROUND);
}
#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(URL BACKGROUND);
color:#444;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
</style>
<div id="line">
<div class="statioo">
STATUS</div>
<div id="notii">
YOUR STATUS</div>
</div>
-biru ganti dengan kode warna kamu
-hijau ganti dengan ukuran font yang kamu inginkan
-merah ganti dengan URL backgrund kamu
-fuchsia gantu dengan judul status kamu
-abu-abu ganti dengan status kamu'

5. Save
Terima kasih telah membaca, tinggalkan komentar ya!

Tidak ada komentar:

Posting Komentar

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...