Home Owner Tutobies Other Friends Themes

Jumat, 30 Desember 2016

Cute Secret Box

  Assalamu'alaikum! Resti posting sesuatu yang ada di blog Resti nih. Mungkin sekarang Secret Box Resti kayak gitu, tapi nggak tahu seterusnya, Resti kan sering gonta-ganti style *hehehe........Cekidot ke tutorialnya ya!!


1. Dashboard
2. Tata Letak
3. Tambahkan Gadget
4. HTML Java Script
5. Copy kode dibawah ini dan paste-kan
<style>
.hyun ul{
background:url(URL BACKGROUND);
padding:5px;border:3px solid #ffe5e5;
border-bottom: 10px solid #ffe5e5;
text-align:center;width:225px;color:#555; height:30px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.hyun2 p{
text-align:left;
width:200px;
color:#fea5c2;
font-family: Short Stack;
}
a.lulu{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: url(URL CURSOR HOVER), wait;
background:#ffffff;
font-family:Delius Swash Caps;
font-size:18px;
padding-text:1px;
width:20px;text-decoration:none;
border:3px solid #ffe5e5;
color:#000;
width: 35px;
height:25px;
display:inline-block;text-align:center;
-moz-border-radius-bottomleft: 35px;
border-bottom-left-radius: 35px;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
}
a.lulu:hover{
border:3px dotted #ffe6e5;
color:#000;
background:#fff5f5;
}
</style>
<center><div id="hyun" class="hyun"><ul>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('1').innerHTML" title="TOOLTIP" >1</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('2').innerHTML" title="TOOLTIP" >2</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('3').innerHTML" title="TOOLTIP"  >3</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('4').innerHTML" title="TOOLTIP" >4</a>
<a class="lulu" style=""onclick="document.getElementById('word')
.innerHTML=document.getElementById('5').innerHTML" title="TOOLTIP" >5</a></ul>
<div id="word" style="width:216px; border: 2px solid #ffe5e5;background:#ffffff;padding: 10px; border-radius: 4px 4px 20px 20px;"><center>YOUR TEXT/CODE </center></center></div>
<div id="1" style="display: none;">
YOUR TEXT/CODE
<div id="2" style="display: none;">
YOUR TEXT/CODE
<div id="3" style="display: none;">
YOUR TEXT/CODE
<div id="4" style="display: none;">
YOUR TEXT/CODE
<div id="5" style="display: none;">
YOUR TEXT/CODE
</div></center>
-edit terlebih dahulu, untuk mempermudah klik link ini
6. Save

Good luck guys! Ingat ya, repost wajib full credit!

Terima kasih telah membaca, tinggalkan komentar ya!

Tidak ada komentar:

Posting Komentar

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...