Mademoiselle' { id Dream }

ตอนที่ 22 : { id dream } มาด'มัวแซล : Pink Milk นมเย็นสีชมพู ใสๆ สวยอ่ะ!

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 813
    จำนวนคนให้กำลังใจ : 0 ครั้ง
    16 เม.ย. 58



 CODE' id
 
<link href="http://fonts.googleapis.com/css?family=Pontano+Sans" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Alegreya+Sans:300" rel="stylesheet" type="text/css" />
<link href="http://weloveiconfonts.com/api/?family=zocial|brandico|entypo|maki" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="http://yourjavascript.com/1411249631/qTip.js" type="text/JavaScript"></script>
<title></title>
<style type="text/css">
/* NAVBAR AND LABELS */
#navbar-iframe, .blogger-labels {display: none;}
#qTip {font:8px littlefont;color:#fff;text-transform:uppercase;letter-spacing: 1px;background: #f8d4f3;display: none;position: absolute; ;padding: 2px 5px 2px 5px;text-shadow:1px 1px 0px #b4d5ea;max-width: 150px;margin: 10px;border: 1px solid #dfeef8;}
 
/* SCROLL BAR AND SELECTION */
::-webkit-scrollbar                {height: 10px;width: 5px;background: white;}
::-webkit-scrollbar-thumb:vertical {background: #ffe3e0;border:2px solid #fff;border-radius:3px;}
::selection       {background: #ffe3e0;color: #fff;text-shadow: 1px 1px 0px #C7DFDF;}    
::-moz-selection  {background: #ffe3e0;color: #fff;text-shadow: 1px 1px 0px #C7DFDF;}
 
/* WELOVEFONTICONS */
[class*=brandico-]:before {font-family: brandico, sans-serif;}
[class*=entypo-]:before {font-family: entypo, sans-serif;}
[class*=maki-]:before {font-family: maki, sans-serif;}
 
/* BODY */
body {background: #fdfdfd;font: 9pt pontano sans, arial, calibri;letter-spacing: 2px;line-height: 22px;color: #555;text-align: justify;}
 
/* LINKS */
a:link,a:active,a:visited {color: #000;text-decoration: none;transition: all 1s ease;}
a:hover {color: #cee8f8;transition: all 2s ease;}
 
/* COSTUMIZATION */
b {color: #b4d5ea;background: #ffe3e0;display: inline-block;border-radius: 2px;padding: 0px 2px 0 2px;margin: 1px 2px 1px 2px;}
i {font-style: italic;color: #ddaaaa;}
u {border-bottom: 1px double #ffccdd;color: #ffccdd;}
s {color: #000;}
ul {list-style-type: square;}
ol {list-style-type: hangul;}
blockquote {margin: 13px;color: #666;font-style: italic;border-left: 1px solid #f3f3f3;padding: 12px;}
textarea   {width: 98%;background:#fafafa;color: #aaa;display: block;font-size: 11px;font-family: consolas;line-height: 130%;text-align: justify;padding:2px 5px 2px 5px;overflow: scroll;resize: none;border: 1px solid #f6f6f6;}
 
/* IMAGE EFFECTS */
img       {opacity: 0.7;transition: all 2s ease;}
img:hover {opacity: 1;transition: all 2s ease;}
 
/* FONTS */
@font-face {font-family: agentletouch;src:url(http://static.tumblr.com/dep4vzc/GkJmxp429/a_gentle_touch.ttf);}
@font-face {font-family: "littlefont"; src: url('http://static.tumblr.com/yn7vk7p/QSsmnz073/tinyfontss.ttf');}
 
/* POSTS AND TITLES */
td {background:#fff;font:8px littlefont, pontano sans;color:#aaa;line-height:10px;LETTER-SPACING:0PX;text-transform:uppercase;padding:10px;border-radius:2px;text-align:justify;}
.box       {background:#fff;margin-bottom:15px;padding:17px;}
.h1     {color: #000;margin:10px 0 10px 0;border-bottom: 1px solid #f0f0f0;font-family: agentletouch, courier;font-size: 30px;padding:5px 0 10px 0;}
.h2     {font-family: Alegreya Sans, arial;font-size: 9px;text-transform: uppercase;letter-spacing: 3px;}
.h3, h3 {border-bottom:1px solid url('background:url(http://i.imgur.com/52qXHMr.png');font-family:  Alegreya Sans;font-size: 10px;text-transform: uppercase;letter-spacing: 4px;text-align: center;margin:25px 0 10px 0;}
.ico {padding:6px;border:1px dotted #f2f2f2;border-radius:100%;margin:10px;}
 
/* TUTORIAL */
#tut a       {background: #fcfcfc;line-height:120%;display: inline-block;width: 48%;border-top: 1px solid #f6f6f6;border-bottom: 1px solid #f6f6f6;padding:4px 2px 4px 5px;margin: 1px;color: #aaa;text-transform:capitalize;font-size: 10px;transition: all 2s ease;}
#tut b       {color: #666;background: transparent;} 
#tut a:hover {background:url('http://media.tumblr.com/9fc1ea1b3ece5d92877dd73717a47294/tumblr_inline_mvmcgrY89I1qid2nw.png');border-radius:3px;color: #ddd;transition: all 1s ease;color:#fff;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
 
/* TUMBLR */
.ji-tumblr-photos img       {width: 42px;padding: 3px;border:1px solid #eee;margin: 1px;-webkit-filter:grayscale(1);}
.ji-tumblr-photos img:hover {-webkit-filter:grayscale(0);background:#f5f5f5;transition: all 2s ease;}
 
/* ARCHIVE */
#archives   {height:170px;overflow:scroll;width:230px;line-height:15px;}
#archives a {display:block;transition: all 1s ease;border-left:2px solid #fff;text-transform:uppercase;border-bottom:1px solid #f4f4f4;font-size:8px;color:#aaa;}
#archives a:hover {color:#fff;border-left:10px solid #ffe3e0;border-radius:3px;transition: all 1s ease;background:#ffe3e0;}
#archives a:before {content:'&#10140; ';}   #archives a:hover:before {content:'&#10004; ';}
 
/* LISTS */
w, r     {display: block;font-size: 6pt;padding: 1px;text-transform: uppercase;color: #666;border-bottom: 1px solid #f2f2f2;line-height: 15px;}
w:before {content:url(http://i.imgur.com/hPoFZLe.png);margin-right: 5px;}
r:before {content:url(http://i.imgur.com/jVQhnbI.png);margin-right: 5px;}
 
/* AFFILIATES */
#afl a {display:inline-block;width:95px;padding:3px;border:1px solid #f3f3f3;margin:1px;font:normal 8px "Pf Arma Five";}
#afl a:hover {background:#f3fff4;border:1px solid transparent;}
 
/* STATUS*/
#sts {border-bottom:1px solid #f5f5f5;display:block;width:67%;}
 
/* STICKY HEADER  */
#headerbg {background:url(http://i.imgur.com/OLMoCRg.png);position: absolute;width: 100%;height: 250px;} 
.headerco {position: absolute;background: #fff;width: 100%;margin-top:250px; ;}
.stayhere {position: fixed;top: -250px;}
#navigation {width:100%;padding:10px;border-top:1px solid #cee8f8;border-bottom:1px solid #cee8f8;background:#dfeef8;}
#navigation a {display: inline-block;width: 50px;border:1px solid transparent;font-size: 12px;ext-transform:uppercase;margin: 1px;text-align: center;color: #bedcef;}
#navigation a:hover {color:#b4d5ea;background:#fff;border:1px solid #f6f6f6;}
.icon {width:100px;border-radius:100%;padding:5px;background:#fff;}
img.icon {opacity:1;}
 
 
/* SOCIAL */
#social a       {display:inline-block;font-size:9px;border:1px dashed #eee;margin:3px;background:#ffe3e0;width:10px;height:10px;border-radius:100%;padding:5px;color:#fff;text-align:center;margin-bottom:10px;}
#social a:hover {background:#fff;color:#ffe3e0;border:1px dashed #eee;margin:3px;transition: all 2s ease;}
 
/* SCROLLTOP */
#scrollToTop {background: transparent;position: fixed;bottom: 20px;right: 20px;font-size:45px;display: none;color:#ffe3e0;}
#scrollToTop:hover {color:#cee8f8;}</style>
<script>function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<div id="headerbg">
<center>
<br />
<table align="center" border="0" cellspacing="2" width="950">
<tbody>
<tr>
<td style="background:transparent;opacity:1;padding:2px;" valign="top">
<center>
<img class="icon" src="http://i.imgur.com/8bdttIo.gif" style="margin-top:40px;" /></center>
</td>
<td id="broll" valign="top">
<center style="text-transform:uppercase;color:#ddaaaa;">
+ don&rsquo;t you look into my eyes and lie again &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</center>
<div style="border-bottom:1px solid #eee;border-top:1px solid #eee;padding:5px 10px 5px 10px;margin:5px 0 5px 0;">
<br />
<span style="font-size:8px;"><span style="color:#a9a9a9;">write things that you lie</span></span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h1 style="margin: 25px 0px 10px; padding: 0px; border: 0px; outline: 0px; font-size: 20px; vertical-align: baseline; color: rgb(66, 66, 66); line-height: 1.2; font-family: 'Helvetica Neue', Arial, sans-serif; text-align: start; background-image: initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">
<span style="font-size:8px;"><span style="color: rgb(169, 169, 169);">●&nbsp;</span></span><span style="font-weight: normal; letter-spacing: 0px; line-height: 1.2; color: rgb(169, 169, 169); font-size: 8px; background-color: transparent;">layout. <a href="http://www.momoiro.tk/" target="_blank">pink-type</a></span><span style="font-size: 8px; line-height: 1.2; font-weight: normal; letter-spacing: 0px; color: rgb(169, 169, 169);">&nbsp;&nbsp;</span><span style="font-size: 8px; line-height: 1.2; font-weight: normal; letter-spacing: 0px; color: rgb(169, 169, 169);"><span style="line-height: 1.2; letter-spacing: 0px; background-color: transparent;">● Edit. <a href="http://my.dek-d.com/nammook/" target="_blank">shoofly-pie</a></span></span></h1>
</div>
</td>
<td valign="top">
<div id="archives">
<span style="color: rgb(221, 170, 170); line-height: 10px; text-align: -webkit-center;">+ &nbsp;MUSIC +&nbsp;</span><br />
<br />
<center>
<center>
<embed allowscriptaccess="always" height="130" quality="best" src="http://www.youtube.com/v/yOIu78gsGOQ?version=15&amp;hl=en_US&amp;autoplay=1&amp;loop=1&amp;theme=dark&amp;&amp;playlist=yOIu78gsGOQ,yOIu78gsGOQ&amp;autohide=1" type="application/x-shockwave-flash" width="200"></embed></center>
</center>
</div>
</td>
<td valign="top">
<div id="archives">
<img src="http://i1243.photobucket.com/albums/gg544/todokanaii/7thdisorder/118.gif" style="vertical-align: middle; color: rgb(99, 122, 153); font-family: Tahoma; font-size: 13px;" /><span style="color: rgb(99, 122, 153); font-family: Tahoma; font-size: 8px;">&nbsp;</span><span style="font-size:8px;"><span style="color:#a9a9a9;"><span style="font-family: Tahoma;">WRITE YOUR PROFILE</span></span></span><br style="color: rgb(99, 122, 153); font-family: Tahoma; font-size: 13px;" />
<img src="http://i1243.photobucket.com/albums/gg544/todokanaii/7thdisorder/118.gif" style="vertical-align: middle; color: rgb(99, 122, 153); font-family: Tahoma; font-size: 13px;" /><span style="color: rgb(99, 122, 153); font-family: Tahoma; font-size: 13px;">&nbsp;</span><span style="color:#a9a9a9;"><span style="font-family: Tahoma;"><span style="font-size:8px;">ABOUT YOu</span></span></span></div>
</td>
</tr>
</tbody>
</table>
</center>
</div>
<div class="headerco">
<div id="navigation">
<center>
<a href="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank">ADDME</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="http://my.dek-d.com/ชื่อไอดี/qmsg/" target="_blank">QMSG</a>&nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;<a href="http://my.dek-d.com/ชื่อไอดี/writer/" target="_blank">WRITE</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank">SMSG</a></center>
</div>
</div>
<script>
var headerco = document.querySelector('.headerco');
var origOffsetY = headerco.offsetTop;
function onScroll(e) {
  window.scrollY >= origOffsetY ? headerco.classList.add('stayhere') :
                                  headerco.classList ('stayhere');
}
document.addEventListener('scroll', onScroll);
</script>
<div style="width:800px;position:absolute;top:340px;left:290px;font: 9pt pontano sans, arial, calibri;letter-spacing: 2px;line-height: 22px;color: #555;text-align: justify;">
<div id="main">
<blogger>
<div class="box">
<div class="h2">
let&#39;s talk every one!!</div>
<div class="h1">
<blogitemtitle><a href="&lt;$BlogItemPermalinkURL$&gt;">W</a>ELCOME To MY&#39;ID</blogitemtitle></div>
<span style="color:#696969;">write something what you want in someday :)</span></div>
</blogger></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>
<br />
<br />
<blogger><!-- iD Clean Code Ver. 2.6.1 By Fantasier --><!-- อย่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า -->
<style type="text/css">
#wrapper {display:none;} </style>
<div class="thisisanchor">
&nbsp;</div>
<script type="text/javascript">
$('.thisisanchor').closest('td') Class('modulebg2').addClass('thenewone'); $('#wrapper').parent().prepend($('.thenewone').contents()) Attr('class'); $('.thenewone') (); </script></blogger></div>
<br />
 
 
 
 

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

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

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


ตัวแรก  http://i.imgur.com/8bdttIo.gif
นี่เป็นลิงค์ของอวาตาร์กลมๆที่อยู่ด้านข้างนะคะ แนะนะให้ใส่ขนาด 100x100 พอดีนะ
แล้วมันจะออกมากลมเปะแบบในไอดี แต่ถ้าใส่ขนาดอื่น มันจะไม่ออกมากลมน้า


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

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


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

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

อันนี้คุยเรื่อยเปื่อย
ทำไปเรื่อยๆ เราไม่เมื่อย เราไม่เหนื่อยค่า
ก่อนนำไปใช้เม้นให้กำลังใจด้วยน้า
 
 

471 ความคิดเห็น

  1. #386 BR. ♠ POPPY ♠ (@BerryPoppy) (จากตอนที่ 22)
    วันที่ 25 เมษายน 2559 / 18:31
    ยืมนะฮับบบ
    #386
    0
  2. #383 Maprow_ff (@Maprow_ff) (จากตอนที่ 22)
    วันที่ 24 เมษายน 2559 / 21:13
    ยืมค่ะ
    #383
    0
  3. #378 / o u t e r s p a c e * (@cyanmiserable) (จากตอนที่ 22)
    วันที่ 16 เมษายน 2559 / 20:53
    อันนี้คือละมุนมากค่ะ (ฮา) ชอบสีจัง ขออนุญาตนำไปใช้นะคะ
    ขอบคุณมากค่ะ เลิฟฟ
    #378
    0
  4. #375 、yingdear 。 (@shugochara_amu) (จากตอนที่ 22)
    วันที่ 3 เมษายน 2559 / 14:44
    สวยมว๊ากกก
    ขอบคุณค่าาสส
    #375
    0
  5. #345 มามีมูเมโม (@nattamonw) (จากตอนที่ 22)
    วันที่ 22 พฤศจิกายน 2558 / 15:35
    น่ารักมากเลย ขอยืมไปใช้นะค้า
    #345
    0
  6. #343 ` D I T E ✦ (@aphordie) (จากตอนที่ 22)
    วันที่ 15 พฤศจิกายน 2558 / 00:43
    ยืมนะฮะ งดงามมาก -0-
    #343
    0
  7. #337 ละเมอเพ้อฝัน. (@ppancha) (จากตอนที่ 22)
    วันที่ 25 ตุลาคม 2558 / 14:11
    ยืมค่า
    #337
    0
  8. #328 ❥Little;WENDY (@manowmn) (จากตอนที่ 22)
    วันที่ 21 กันยายน 2558 / 16:44
    ขอบคุณค่า
    #328
    0
  9. #327 lenlone (@lenlone) (จากตอนที่ 22)
    วันที่ 4 กันยายน 2558 / 14:34
    ยืมหน่อยนะคะ ;-;
    #327
    0
  10. #320 EVO. (@whitewolf-cha) (จากตอนที่ 22)
    วันที่ 12 สิงหาคม 2558 / 08:54
    ยืมนะแจ๊ะ ;)
    #320
    0
  11. #313 NAMIDA. (@l3al3yvk) (จากตอนที่ 22)
    วันที่ 8 กรกฎาคม 2558 / 09:12
    ขอยืมไปใช้ค๊า ขอบคุณค๊า
    #313
    0
  12. #312 ✖S A I N T A M I✖ (@ammykyoya) (จากตอนที่ 22)
    วันที่ 2 กรกฎาคม 2558 / 19:55
    ยืมน้าา
    #312
    0
  13. #306 ♔. ℛheaphaze (@zaricasg) (จากตอนที่ 22)
    วันที่ 24 พฤษภาคม 2558 / 02:10
    ขอบคุณค่า! 
    #306
    0
  14. #286 UИIQUE (@chinocc) (จากตอนที่ 22)
    วันที่ 21 เมษายน 2558 / 21:09
    ยืมนะครับ :)

    #286
    0
  15. #266 LolipopSmiles (@mild_ni) (จากตอนที่ 22)
    วันที่ 4 เมษายน 2558 / 14:38
    ยืมนะคะ
    #266
    0
  16. #257 คิโทระ โฮวาชิ (@kitora_howashi) (จากตอนที่ 22)
    วันที่ 28 มีนาคม 2558 / 15:04
    ยืมนะค๊าา ขอบคุณมากเลยค่า สวยมากกกกกกก
    #257
    0
  17. #227 yulis'love (@sharapova) (จากตอนที่ 22)
    วันที่ 23 มกราคม 2558 / 19:28
    ขอยืมนะคะ
    #227
    0
  18. วันที่ 3 กรกฎาคม 2557 / 17:25
    ยืมนะคะ 'w'
    #151
    0