slide status and cbox slide

before

hye ! selamat malam ! , malam nie amira nk bgy tutorial slide status dan slide cbox . . mcm yg kt gmbr tu ! yg (c) dan ( massage  )

slide status [c]

slide massage #cbox 

nty bila alihkn cursor kt c dan massage tu jd mcm nie . . haa lawa kn ??

credit ; http://duniaimpianfatin.blogspot.com

ini code untuk slide status 

• cari code </style> dan paste code kt bawah ni di bawah code </style> (classic)
• HTML/JAVASCRIPT (desingner)

<style>.y {border-radius: 0px 15px 15px 0px;width:10px;padding:10px;height:25px;margin-top:30px;margin-left:255px;background: #faafbe;color:white;font-size:12px;-webkit-transition: 1.0s;-moz-transition: 1.0s;}#kotakstatus {position:fixed;border:4px double #000000;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(http://i.imgur.com/dtE4u.png);background-repeat:no-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="y">Y</div><div style="margin-top: -80px;">ISI STATUS AWAK</div></div></center>

yg ini pula code untuk slide cbox

• classic cari code </style> dan pastekn di bawah code </style>
• desingner pastekn di HTML/JAVASCRIPT

• copy dan pastekn 

<style>.maintitle {border-radius: 0px 15px 15px 0px;width:10px;padding:10px;color:white;font-size:12px;height:120px;margin-top:35px;margin-left:255px;background: pink;-webkit-transition: 1.0s;-moz-transition: 1.0s;}  #isikotak {position:fixed;border:4px solid pink;width:250px;left:-265px;top:170px;height:210px;padding:4px;text-align:left;background-color:white;background-image:url(http://i.imgur.com/dtE4u.png);background-position: right;background-repeat:no-repeat;color:#333333;-webkit-transition: 1.0s;font-size:8pt;font-family:trebuchet ms;-moz-transition: 1.0s; } #isikotak:hover {left:1px;  }</style> <center><div id="isikotak"><div class="maintitle">m<br />e<br />s<br />s<br />a<br />g<br />e</div><div style="margin-top: -180px;"><center>ISI CODE SHOUTBOX AWAK DISINI</div></center></div></div></center></style>

preview dulu ! klau okey save ! klau ade pape comment k ? bye !