Mademoiselle' { id Dream }

ลำดับตอนที่ #12 : { id dream } มาด'มัวแซล : Orange Candy ไอดีสีหวาน โทนแคนดี้

CODE ' id
 

<title></title>

<style type="text/css">

#navbar-iframe {display:none;}

body {background: url(http://25.media.tumblr.com/tumblr_ls2e05Cme11r3vazto3_250.png); font-size: 11px; font-family: trebuchet ms; letter-spacing: 1px; line-height: 160%; 

text-align: justify; color: #757575;}

::selection{ background: #FFBA7F; color: #000;} ::-moz-selection{ background: #FFBA7F; color: #000;}

a {color: #FFBA7F; text-decoration:none;-webkit-transition: 0.5s; letter-spacing: 2.5px;}

a:hover {-webkit-transition: 0.5s; letter-spacing: 0px; color: #757575; text-decoration:none; cursor: vertical-text;}

blockquote {background: #FAD3B2; border-left: 10px solid #FF9C97; padding: 5px;}

blockquote a{color: #000;}

.title {font-family: courier new; font-size: 13px; margin-bottom: 0px; letter-spacing: 1px; text-transform: lowercase; color: #FFF; background: #FFE181; padding: 3px;}

.titero{font-size: 35px; margin-top: -2px; margin-bottom: 10px; color: #FFE181;}

.titah {font-family: impact; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); font-size: 45px; color: #FFBA7F; letter-spacing: 3px;}

.blogger-labels a {-webkit-transition: 0.5s; background: #FFE181; color: #FFF; display: inline-block; letter-spacing: 1px; text-transform: uppercase; padding: 2px;}

.blogger-labels a:hover {-webkit-transition: 0.5s; background: #FFBA7F; color: #000; letter-spacing: 1px;}

a.loves{-webkit-transition: 0.5s; background: #FAD3B2; color: #FF9C97; border: 1px solid #FF9C97; display: inline-block; letter-spacing: 1px; text-transform: uppercase; padding: 2px;}

a.loves:hover {-webkit-transition: 0.5s; background: #FF9C97; color: #FAD3B2; border: 1px solid #FAD3B2; letter-spacing: 1px;}

::-webkit-scrollbar {height:10px;width:5px;background: #FFF;}

::-webkit-scrollbar-thumb {background-color: #FAD3B2;}

u {text-decoration: none; border-bottom: 2px solid #FFE181;}

img.satu {border-radius:5px; border: 3px solid #FFFFFF; box-shadow: 0 0 5px #EEE9E5; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}

img.dua {border-radius:5px; border: 3px solid #FFFFFF; box-shadow: 0 0 5px #EEE9E5; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg);}

.tabs {position: fixed; top: 100px; left: 200px; min-height: 450px; /* DON'T CHANGE! */ width: 550px; clear: both; margin: 35px 0 25px; background: transparent;}

.tab {float: left;}

.tab label {width: 110px;display: inline-block; background: #FAD3B2; padding: 10px; margin-right: 3px; position: relative; left: 0px; text-align: center; color: #FFF; font-family: impact; 

font-size: 15px; letter-spacing: 2px; top: -39px; -webkit-transition: background-color .17s linear;}

.tab [type=radio] {display: none;}

.content {margin-top: 0px; position: absolute; top: -1px; left: 0; background: white; overflow: scroll; padding: 20px; height: 450px; width: 490px; -webkit-transition: opacity .6s linear;

opacity: 0;}

[type=radio]:checked ~ label {background: white; color: #FAD3B2; border-bottom: 1px solid white; z-index: 2;}

[type=radio]:checked ~ label ~ .content { ;</style>

<div class="tabs">

<div class="tab">

<input checked="checked" id="tab-1" name="tab-group-1" type="radio" /> <label for="tab-1">TALK</label><br />

<div class="content">

<p style="text-align: center;">

<span style="color:#000000;">เขียนทอลคกาทีฟลงไปเบย!</span></p>

<p>

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

<br />

&nbsp;</p>

<div class="title">

credit. code by <a href="http://kyorine.blogspot.com/" target="_blank">KYOrine</a>&nbsp;edit by. <a href="http://my.dek-d.com/nammook/" target="_blank">Shoofly-pie</a></div>

</div>

</div>

<div class="tab">

<a href="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank"><label for="tab-2">ADD ME</label></a>

<div class="content">

<p>

&nbsp;</p>

</div>

</div>

<div class="tab">

<a href="http://my.dek-d.com/ชื่อไอดี/qmsg/" target="_blank"><label for="tab-3">QMSG</label></a>

<div class="content">

<p>

&nbsp;</p>

</div>

</div>

<div class="tab">

<a href="http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank"><label for="tab-4">SMSG</label></a>

<div class="content">

<p>

&nbsp;</p>

</div>

</div>

</div>

<div style="position: fixed; top: 350px; left: 610px;">

<div class="titah">

Welcome&nbsp;<span style="color: #FFE181">MY&#39;ID</span></div>

</div>

<div style="position: fixed; top: 110px; left: 20px;">

<br />

<br />

<br />

<br />

<br />

&nbsp;</div>

<div class="924167">

<a href="http://my.dek-d.com/nammook/writer/view.php?id=992276" rel="nofollow" style="position: fixed; bottom: 1px; right: 1px;" target="_blank"><img src="http://image.dek-d.com/27/0321/3847/t_118461920" style="width: 60px; height: 16px;" /> </a></div>

<style type="text/css">

.headtable, .head2, .modulebg1, #footer, #header, #neck, .left, #module_left .modulebg2, #module_right .modulebg2,.hr1, .hr2 { display: none !important; } .modulebg2, .right { background: none; } .mainborder, .right { border: 0px !important; } </style>

</div>

 

 

TALK
เกี่ยวกับโค้ดนะจ๊ะต้องอ่านนะ

ส่วนที่บีไฮไลท์สีแดงเอาไว้แบ่งเป็น2อันคือ 1.เปลี่ยนได้และ2.ต้องเปลี่ยนนะ

1.อันแรกคือเปลี่ยนได้ จะเปลี่ยนไม่เปลี่ยนก็แล้วแต่เธอ

background: url(http://25.media.tumblr.com/tumblr_ls2e05Cme11r3vazto3_250.png)
มันคือส่วนแบ็คกราวนด์จ้ะ เห็นป่ะสีชมพูลายทางข้างหลังอ่ะ
เธอสามารถเปลี่ยนตัวแบ็คกราวนด์เป็นแบ็คกราวนด์ลายอื่นได้นะแต่ต้องเป็นลิงค์รูปเท่านั้น


2.ตัวที่สองคือต้องเปลี่ยนมันคือลิงค์ส่วน 'ชื่อไอดี' จ้ะ
เราคาดว่าหลายคนน่าจะรู้นะแต่ถ้าไม่รู้ เอาอันนี้ไปดู จิ้ม

3.WARNING!!! ใส่โค้ดล้างไอดีให้แล้วน๊า! 

อันนี้ถ้าใช้จริงไอดีจะเอียงไปด้านซ้ายนิดนึงนะจ๊ะแต่สวยแน่นอน :)
 

อันนี้คุยเรื่อยเปื่อย
อัพไอดีสุดท้ายก่อนไปค่ายจ้า!
ชอบมากมายก็หยิบยืมกันไปใช้ได้นะ แต่! ขอเหอะ =_=
อย่าลบเครดิตออก คนทำเหนื่อยนะเออ ให้เกียรติกันบ้างค่ะ