Home Profile Opinion Academic Experience Tutorial

Sabtu, 07 Mei 2016

Rules Chatbox 2


  Hai, assalamu'alaikum! Resti posting nih, hari Minggu begini Resti selalu ON. Oh ya, tutorial ini hasil desain Resti sendiri. Rules Chatbox ini modelnya seperti Secret Box.Yuk read more!!


1. Dashboard
2. Ke widget Chatbox kamu
3. Copy paste kode dibawah ini diatas sendiri kode chatboxmu
<style>
.yonne ul{
padding:5px;
text-align:center;width:200px;color:#555; height:30px;
border:2px solid #ffe5e5;
}
.hyun2 p{
text-align:left;
width:200px;
color:#fea5c2;
font-family: Comic Sans MS;
}
a.lie{
-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;
background:#ffdede;
font-family:Comic Sans MS;
font-size:18px;
padding-text:1px;
text-decoration:none;
border:3px solid #ffdede;
color:#ffffff;
width: 25px;
display:inline-block;text-align:center;
}
a.lie:hover{
color:#fea5c2;
background:#ffffff;
border:3px solid #ffe5e5;
border-radius:5px;
}
</style>
<center><div id="yonne" class="yonne"><ul>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('r').innerHTML">R</a>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('e').innerHTML">U</a>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('s').innerHTML">L</a>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('t').innerHTML">E</a>
<a class="lie" style=""onclick="document.getElementById('lv')
.innerHTML=document.getElementById('i').innerHTML">S</a></ul>
<div id="lv" style="width:190px; padding: 10px;border:2px solid #ffe5e5;border-top:0px solid #ffe5e5;">C L I C K !<center><center></center></center></div>
<div id="r" style="display: none;"><center>
YOUR RULES</div>
<div id="e" style="display: none;">
YOUR RULES</div>
<div id="s" style="display: none;">
YOUR RULES</div>
<div id="t" style="display: none;">
YOUR RULES</div>
<div id="i" style="display: none;">
YOUR RULES</div></center>
-edit-edit dahulu
4. Save

Tutorial ini hasil editan Resti sendiri, kalau re-post full credit. Kalau kamu nggak mematuhi pasti bakal ketahuan.

GOOD LUCK!!

Terima kasih telah membaca, tinggalkan komentar ya!

2 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...