Tutorial: Membuat Status Box Like Me
Kamis, 31 Maret 2016 | 00.03 | 0 waiting
Langsung aja yuk!
- Pertama cari </style> dari pada capek nyari satu-satu langsung klik CTRL+F terus cari deh..
- Terus, masukin kode dibawah ini, DIATAS <style> tadi,,
</style>
<style>
.y{
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
height:25px;
margin-top:30px;
margin-left:255px;
background: #A9E2F5;
color:white;
font-size:12px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus {
position:fixed;
border:4px solid #A9E2F5;
width:250px;
left:-265px;
top:50px;
height:100px;
padding:4px;
text-align:left;
font-size:14px;
font-family:FONT KALIAN;
background-color:white;
background-image:url(URL BACKGROUND KALIAN);
background-position:right;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
- Kalau sudah,, Kalian masukin lagi kode dibawah ini DIBAWAH nya <style>
<div id="kotakstatus"><div class="y">S</div>Okeey! Semoga membantu..
<div style="margin-top: -80px;"><br />KATA-KATA KALIAN</div></div>
Oiyah, kalo nggak berhasil coment yah..
Selamat Mencoba
Bye-bye!><
Label: Tutorial