Tuto : Slide Status Box
Hi , Assalamualaikum :)
Okay , hari nak buat tuto lagi . # Takde keje la tewwww . Sebernanya , dah lama dah orang request benda tuu , but , Adawiyah malas nak buat :) Hehe . -.- So , ape slide status box tuu ? Ala , yang kat tepi tuu . As shown in below . okaylah , kalau tutorial or freebies , adawiyah takcakap BI lahhh >.<
 |
| Slide Status Box . |
Template Designer
- Dashboard > Layout > Add a gadget > html / javascript
Template Classic
- Dashboard > Template
- Tekan ctrl + f serentak and cari code </style>
- Copy code dekat bawah ni .
<style>
.H {
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
height:25px;
margin-top:30px;
margin-left:255px;
background: #ff6699;
color:white;
font-size:12px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus {
position:fixed;
border:4px double #ff6699;
width:250px;
left:-265px;
top:50px;
height:100px;
padding:4px;
text-align:left;
font-size:8pt;
font-family:trebuchet ms;
background-color:white;
background-image:url(IMGURL background);
background-repeat:repeat;
background-position:right;
color:#333333;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#kotakstatus:hover {
left:1px;
}
</style>
<center><div id="kotakstatus"><div class="H">
H</div>
<div style="margin-top: -80px;">
Status Awakawak semuaaa ~</div></div></center>
- Untuk template designer , korang paste deakt html javascript tu ehhh .
- And for template classic , paste kat bawah code </style> tuu
- Preview and Save :)
Merah : status korang semua . maksudnya nak tulis ape lah kat situuu
Pink : alphabet kegemaran korang . kalau saya , saya letak love eann ? so , sukehati korang nak letak apee okay ?
Biru : URL image for background . just for background . taknak letak takpe , but jadi putih .
Oren : Colour kotak status korang .
K , ngerti semuaaa ? kbye , Assalamualaikum . Esok sekolah :'(
Older Post | Newer Post
My Secret Admire
Tutorials : 
Freebies : 
Recipe :