ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Mademoiselle' { id Dream }

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

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 934
      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!!! ใส่โค้ดล้างไอดีให้แล้วน๊า! 
     

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

    นิยายที่ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×