Chat here,darling.

Saturday, January 11, 2014

Tutorial : Slide Shout box

Hoho. Selamat pagi semua. Hari ini, saya nak ajar kauorang macam mana nak buat, slide cbox.  I will credit to Fatin . Payah nak cari cbox punya ni --'
1. Log in > Dashboard > Layouts > Add a Gadget > HTML/JavaScript.
  <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://data2.whicdn.com/images/95404434/large.jpg);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>

Nanti jadi macam ni

  <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://data2.whicdn.com/images/95404434/large.jpg);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><!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="200" height="120" src="http://www6.cbox.ws/box/?boxid=790967&amp;boxtag=wba1r5&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-790967" style="border:#EDDEDB 1px solid;" id="cboxmain6-790967"></iframe></div><div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=790967&amp;boxtag=wba1r5&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-790967" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform6-790967"></iframe></div></div>
<!-- END CBOX --></center></div></div></center></style>

120 yang hitam dan senget tu, tolong guna height yang tu ye :D
75 atau 70 lebih yang berwarna biru , tak payah usik
Yang bold and underline tu, kauorang boleh tukar. di sini
Warna merah tu, code kauorang punya shoutbox :)

4 comments:

AP Hours said...

THANKS!!

Miss fairytale said...

@charkuoi charkuoi No problem ^^

AisyaaKim said...

code shout box yg mne 1?

Miss fairytale said...

@Byun EXOstan Shout box tahu? Hah, semua code dia :) Kalau belum sign up, http://cbox.ws/ Tekan link tu ye darl