Rules Chatbox Hover

Of course, stupid pic *lol*
Ignore that image above this, wakaka, lol. Okay, now, i'll post Muthia's request. She is ask 'how to make a chatbox rules like mine?' of course, i'll answer that. Okay, friends, i just practice my english languange here XD if i wrong, correct me, please? You can see live preview here. Ur you interested? Wohoho.. Let's make like that! ^^
  • Dasbor > Layout (Tata Letak) > Add A Gadget > HTML/Javascript
  • Copy this codes
<style type="text/css">
.box {
width: 240px;
padding: 10px;
background:url(your background url);}
.box2 {
padding:3px;
display:block;
height:17px;
width:235px;
background:#fff;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;
overflow:hidden;}
.box2:hover {height: 150px;}
h01{
font-family:consolas;
padding-top:1px;
font-size:12px;
color:#000;
text-align:center;
text-transform :uppercase;
background: #000;
letter-spacing:5px;
height:16px;
padding-left:6px;
display:block;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;}
</style>
<br />
<div class="box"><div class="box2"><h01>Your Title</h01>
<div style="font-family:short stack;font-size:9px;height:130px; overflow:auto;margin-top:3px;">
your words</center>
</div></div></div><br />
  • Paste at HTML/Javascript column ^^
  • Don't forget to save it! :)
So, easy right? Okay, use it, guys! Enjoying and i hope you understand it :)
See u on my next post. I'll update now, ahaha XP 

Comments

  1. Betewe kak, kalo nulis I itu pake huruf besar gapake huruf kecil kayak i kalo gasalah. Aku baca dr buku :)

    ReplyDelete
    Replies
    1. yah kalau menurutku sih, penulisan I kapital itu karena secara resminya aja, hehe. ya tergantung orangnya yang dituju sih. kalo emang resmi pake I kapital. tapi, kalo ngomong sepantaran nggak papa pake i kecil.

      Delete

Post a Comment

Before leave a comment, please ensure your comment is supportive and spread positivity :)

Popular posts from this blog

Movie About Insecurity : Imperfect

Ramadhan Tiba!