✧ sugar, spice, and everthing nice

ลำดับตอนที่ #1 : box's c o d e.

ex 

vry cute boy code omg, who can resist this
.
.
.
.
.
donghyuk / chanwoo / yunhyeong is mine

<div name="siam-simp(832806)" align="center"><div id="scroll3" style="border-right: 1px solid; border-top: 1px solid; overflow: auto; border-left: 1px solid; width: ขนาดความกว้างpx; border-bottom: 1px solid; height: สูงpx">ใส่ข้อความ</div></div>

ex.

<center style=""><style type="text/css"> .box { width: 265px; padding: 10px; background:#โค้ดสีพื้นหลังกล่อง;} .box2 { padding:3px; display:block; height:17px; width:255px; 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:#F8F8FF; text-align:center; text-transform :uppercase; background:#พื้นหลังกล่องตรงหัวข้อชื่อ; letter-spacing:5px; height:16px; padding-left:6px; display:block; -moz-transition: 0.5s; -webkit-transition: 0.5s;} </style> <div class="box"><div class="box2"><h01>ชื่อกล่องที่เห็น</h01> <div style="font-family:arial;font-size:12px;height:130px; overflow:auto;margin-top:3px;"> ข้อความภายในกล่อง เนื้อหา </div></div></div>

ex

<div class="box1"><br /><span style="letter-spacing: 0.2px;">ข้อความ</span><br />  <style id="!?VIP2000" type="text/css"> .box1 { border-radius:0px; border:1px none #; width:200px; ความกว้าง overflow:hidden; height:200px; ความสูง color:#aaa; position:fixed; left:23px; top:200px; text-align:center; moz-box-shadow: 0 0 1px #ffffff; -webkit-box-shadow: 0 0 20px #FFFFFF; สีเงา padding:4px;background: #ffffff; -webkit-transition: 1.0s; -moz-transition: 1.0s;}/* วีไอพีโค้ดสองพัน */ </div> </style>

ex

<style id="!?VIP2000" type="text/css">.box5 {border-radius:20px;border:1px dashed #eee;width:150px;overflow:hidden; height:20px; color:#aaa; position:fixed; left:30px; top:250px; text-align:center; moz-box-shadow: 0 0 1px #โค้ดสีนอกกล่อง; -webkit-box-shadow: 0 0 8px #โค้ดสีนอกกล่อง /* 8px สามารถปรับได้นะคะมันเป็นตัวเพิ่มความกล้างใหญ่ของสีจะมากหรือน้อยแต่เราว่ามากมันจะดูสวยกว่า แนะนำ 17 */; padding:4px;background: #โค้ดสีพื้นหลังกล่อง; -webkit-transition: 1.0s; -moz-transition: 1.0s;}  .box5:hover { height:150px; width:250px; -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: 1.0s; -moz-transition: 1.0s;} /* วี ไอ พี โค้ดสองพัน */ </style><div class="box5">ชื่อหัวข้อกล่อง<br /><br /> ข้อความในกล่อง</div>

ex.

<style id="!?VIP2000" type="text/css"> .tito { border-radius: 0px 15px 15px 0px; width:10px; padding:10px; color:#fff; height:120px; margin-top:60px; margin-left:255px; background: #F5F5F5; -webkit-transition: 1.0s; -moz-transition: 1.0s;}  #note { position:fixed; border:1px dashed #aaa; width:250px; left:-265px; top:200px; height:250px; padding:4px; text-align:left; background:#fff; color:#444; -webkit-transition: 1.0s; -moz-transition: 1.0s;} /* วี.ไอ.พี โค้ดสองพัน */ #note:hover { left:1px;} </style> <center><div id="note"><div class="tito"> ข้<br />อ<br />ค<br />ว<br />า<br/>ว<br />ม</div> <div style="margin-top: -180px;"> ข้อความในกล่อง</div></div></center>

ex.

<style type="text/css">

.imgbox{

height:200px;

width:280px;

font:13px calibri;

line-height:18px;

background:url(ใส่ url ของรูปภาพ);

background-repeat:no-repeat;

background-size:380px;

background-position:50% 50%;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;

border:2px solid #666;

}

 

#contentbox{

width:50px;

height:50px;

padding:10px;

opacity:0;

background:#fff;

overflow:hidden;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

text-align:left;

}

 

#hoversign{

width:100px;

height:100px;

margin-left:0px;

background:#fff;

text-align:Center;

opacity:0.8;border-radius:50%;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

color:#999;}

 

.imgbox:hover #contentbox{

width:260px;

height:180px;

padding:10px;

overflow:hidden;

-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

opacity:0.9;

margin-top:-36px;

color:#000;}

 

.imgbox:hover #hoversign{

width:0px;height:0px;

opacity:0;}</style>

<div class="imgbox">

<center>

<br />

<br />

<div id="hoversign">

<br />

<br />

ข้อความในวงกลม</div>

<div id="contentbox" style="text-align: center;">

<br />

<br />

<br />

<br />

แล้วใส่ข้อความลงไป!</div>

</center>

</div>

<br />

 

ex.

ฮัลโล่everybody อิอิ
เอฟซีพี่หลุยคร๊าาาาาา อิอิ
ชรุ้บๆๆๆ จุบุ
you know marry ?
.
who marry ?
.
marry... me -

<center style="color:#ใส่โค้ดสีของกรอบ"><div css="pet" style="letter-spacing: 0.4px; width:แนวนอนpx; height: ส่วนสูงpx; overflow: auto; border: 1px dashed;"></center>

 

(c)  Chess theme