Mademoiselle' { id Dream }

ลำดับตอนที่ #9 : { id dream } มาด'มัวแซล : Ice-cream tone กล่องลิงค์สวยๆพร้อมสีสันสดใส

 CODE' id

 

<title></title>

<link href="http://fonts.googleapis.com/css?family=Iceberg|Oswald" rel="stylesheet" type="text/css" />

<style type="text/css">

#navbar-iframe {display:none;}

body {background:url(); font-family: trebuchet ms; font-size: 11px; color: #555; letter-spacing: 1px; text-align: justify; line-height: 160%;}

::selection {background: #F2E1AC; color: black;} ::-moz-selection {background: #F2E1AC; color: black;}

a:link {color: #F2A999; text-decoration: none;-webkit-transition: 0.5s;}

a:hover {cursor: vertical-text; text-decoration:none; -webkit-transition: 0.5s; border-bottom: 2px solid #F2A999; color: #A68C6D;}

blockquote {background: #fefefe; border-left: 15px solid #A68C6D; padding: 5px; -webkit-transition: 0.5s;}

blockquote:hover {-webkit-transition: 0.5s; border-left: 15px solid #735851;}

.h1 {color:#A68C6D; font: 20px 'oswald';letter-spacing: 1px; background: #F2E1AC; line-height: 40%; text-transform: uppercase;}

.h2 {font-family: tahoma; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #E0E4CC; text-align: right; padding: 2px;}

.h5 {color:#F2A999; font: 16px 'oswald';letter-spacing: 1px; background: #eee; line-height: 40%; text-transform: uppercase; margin-bottom: 4px;}

.h4 {margin-top: 10px; margin-bottom: 15px;}

::-webkit-scrollbar {background: #FFF; width: 12px;} ::-webkit-scrollbar-thumb {background: #A68C6D; width: 12px;}

.blogger-labels {background: #f7f7f7; padding: 5px; color: #000;}

a.yi{-webkit-transition: 0.5s; background: #A68C6D; padding: 3px; font-size: 10px; letter-spacing: 1px; color: #FFFFFF; text-align: center; text-transform: uppercase;}

a.yu{-webkit-transition: 0.5s; background: #F2E1AC; padding: 3px; font-size: 10px; letter-spacing: 1px; color: #FFFFFF; text-align: center; text-transform: uppercase;}

a.yi:hover {-webkit-transition: 0.5s; background: #E0E4CC; color: black; border-bottom: 0px solid #000;}

a.yu:hover {-webkit-transition: 0.5s; background: #E0E4CC; color: black; border-bottom: 0px solid #000;}

#pict {position: fixed; left: 50px; top: 98px; background: #FFF; width: 280px; padding-right: 20px; padding-bottom: 4px;}

#nav1 {background-color:#F9F9F9; border-bottom:35px solid #F2A999; width:280px; padding: 10px; position:fixed;top:104px; left:50px; font-family:arial; font-size:10px; height:190px;

overflow:hidden;-webkit-transition: all 1.0s ease-in;-moz-transition: all 1.0s ease-in;-o-transition: all 1.0s ease-in;}

#nav1:hover { margin-top:218px;border-bottom:0px solid ;}

#nav2{ background-color:#F9F9F9; border-bottom: 35px solid #BCF5E2; opacity:1; padding:10px; position:fixed; top:139px; left:50px; font-family:arial; font-size:10px; width:280px; 

height:190px; overflow:hidden;-webkit-transition: all 1.0s ease-in; -moz-transition: all 1.0s ease-in; -o-transition: all 1.0s ease-in;}

#nav2:hover { margin-top:220px;border-bottom:0px solid ;}

#nav3{ background-color:#F9F9F9; border-bottom: 35px solid #735851; opacity:1; padding:10px; position:fixed; top:174px; left:50px; font-family:arial; font-size:10px; width:280px; 

height:190px; overflow:hidden;-webkit-transition: all 1.0s ease-in; -moz-transition: all 1.0s ease-in; -o-transition: all 1.0s ease-in;}

#nav3:hover { margin-top:210px;border-bottom:0px solid ;}

#posta {position: absolute; top: 20px; left: 400px; width: 600px; background: #ffffff; padding: 10px;}

u {text-decoration: none; border-bottom: 1px dotted #F29191;}</style>

<div id="nav3">

<div class="h5">

Music &amp; Thanks&nbsp;</div>

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

<br />

<iframe allowfullscreen="" frameborder="0" height="135" scrolling="no" src="//www.youtube.com/embed/cNSx1RdPl04?autoplay=1&amp;showinfo=0&amp;controls=0&amp;rel=0" width="175"></iframe></div>

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

<br />

<span style="font-size:8px;">all code.<a href="http://kyorine.blogspot.com/" target="_blank">Kyorine</a> edit.<a href="http://my.dek-d.com/nammook/" target="_blank">Shoofly-Pie</a></span></div>

</div>

<div id="nav2">

<div class="h5">

MENU</div>

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

<br />

<span style="color:#000000;">เมนูอยู่ช่องนี้จิ้มๆได้เลย</span></div>

<br />

<center>

<a class="yu" href="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank">ADD ME</a>&nbsp;<a class="yi" href="http://my.dek-d.com/ชื่อไอดี/qmsg/" target="_blank">QMSG</a>&nbsp;<a class="yu" href="http://my.dek-d.com/ชื่อไอดี/writer/" target="_blank">WRITER</a><br />

<br />

<a class="yi" href="http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank">SMSG</a>&nbsp;<a class="yu" href="http://my.dek-d.com/ชื่อไอดี/my.id_station/index.php" target="_blank">LOGIN</a>&nbsp;<br />

&nbsp;</center>

</div>

<div id="nav1">

<div class="h5">

Profile</div>

<br />

<span style="color:#000000;">writer every thing that you want to write</span></div>

<div id="pict">

<center>

<img src="http://static.colourlovers.com/images/contests/betabrand/argyle-socks/212/2125/2125145/2125145.png" width="210" /></center>

</div>

<div style="position: fixed; top: 80px; left: 52px;">

<span style="color:#F2A999; font: 20px 'oswald'; display: block; width: 290px; letter-spacing: 1px; background: #FFF1C4; line-height: 40%; text-transform: uppercase;">Neapolitan <span style="color: #84DBC7">Ice</span> <span style="color: #735851">Cream</span></span></div>

<div id="posta">

<blogger>

<div class="h1">

<blogitemtitle>&nbsp;WELCOME TO my&#39;id&nbsp;</blogitemtitle></div>

<div class="h2" style="text-align: center;">

<br />

<img alt="Untitled" src="http://data2.whicdn.com/images/105105251/large.png" /><br />

<br />

<span style="color:#669999;">อยากบอกอะไรเพื่อนก็เขียนออกมาเลย!!&nbsp;</span></div>

</blogger></div>

<br />

<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.อันแรกคือเปลี่ยนได้ จะเปลี่ยนไม่เปลี่ยนก็แล้วแต่เธอ มันมี2ตัวนะ

ตัวแรก background:url()
มันคือส่วนแบ็คกราวนด์จ้ะ อันนี้บีไม่ได้ใส่ให้นะเพราะบีหาบีจีถูกใจไม่ได้เลย T T
เลยตัดสิ้นใจว่างไว้แล้วกัน ใครใส่บีจีก็ใส่ได้เลยนะแต่ต้องเป็นลิงค์รูปเท่านั้น
ใส่ในวงเล็บแบบนี้นะ background:url(ลิงค์รูปบีจี)

ตัวที่สอง cNSx1RdPl04 มันเป็นลิงค์เพลงหน้าไอดีเองแหละ
และไอ้ cNSx1RdPl04 ก็คือลิงค์ของเพลงนะจ๊ะ
ถ้าจะเปลี่ยนเพลงก็น่าจะทำกันเป็นอยู่แล้วเนอะ
คือเข้ายูทูปแล้วก๊อปลิงค์ข้างหลังคำว่า watch?v= 
ตามที่ไฮไลท์เอาไว้ที่รูปด้านล้างเลยนะ

ส่วนตัวเลข 135 กับ 175 เป็นความสูงและความกว้างนะเคิ้บ!
เปลี่ยนตามใจชอบเลยนะ

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

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

เพิ่มเติมลูกเล่นนิส!
คืออันนี้ลูกเล่นมันอยู่ที่ลิงค์ข้างๆนะ 5555 เห็นป่ะแถบสี3สีอ่ะ
ถือว่าเก๋พอสมควรถ้าอยากรู้ว่าเป็นยังไงก็ลงกด 
PREVIEW ดูก่อนก็ได้นะ
 

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