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

ค่าเริ่มต้น

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

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

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 930
      0
      5 พ.ค. 60


     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 ดูก่อนก็ได้นะ
     

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

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

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

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

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

    ความคิดเห็น

    ×