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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #3 : { id dream } มาด'มัวแซล : Color Cool Box กล่องหลากสีสสุดเก๋

    • อัปเดตล่าสุด 5 พ.ค. 60



     CODE' id
     
    <style type="text/css">
    .external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}
    .right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}</style>
    <link href="*YOUR-FAVICON-URL*" rel="shortcut icon" />
    <title></title>
    <style type="text/css">
    #navbar-iframe {display: none;}
    body {
    user-select: none;
    background:url(http://i.imgur.com/iFbTjzy.png);
    background-attachment:fixed;
    cursor: nw-resize;
    font-family: trebuchet ms; 
    font-size: 11px; 
    line-height: 15px; 
    color: #4444444; 
    text-align: justify;
    }
    a:link, a:visited {
    font-family: georgia;
    color:#A4A379;
    text-decoration:none;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    }
    a:hover {
    color:transparent; 
    text-shadow:#A4A379 2px 2px 2px;
    cursor: nw-resize;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    }
    #blogpost {
    position: absolute; 
    top: 180px; 
    left: 300px; 
    width:630px; 
    color: #000; 
    padding:15px; 
    background: #ffffff; 
    opacity: 0.8;
    }
    .blogtop {
    position: fixed;
    background: #131B1D;
    top: 0px;
    left: 300px;
    width: 630px;
    height: 130px;
    padding: 15px;
    .blogdown {
    position: fixed;
    background: #ECECD7;
    bottom: 0px;
    left: 300px;
    width: 630px;
    height: 20px;
    padding: 15px;
    text-align: center;
    .sidebar1 {
    position: fixed;
    top: -80px;
    left: 300px;
    width: 200px;
    height: 220px;
    background: #FDAD96;
    padding: 10px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    color: #FFFFFF;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    border-bottom: 20px solid transparent;
    overflow: hidden;
    }
    .sidebar1:hover {
    top: 160px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-box-shadow: 0px 8px 6px -5px #ADADA5; -moz-box-shadow: 0px 8px 6px -5px #ADADA5; box-shadow: 0px 8px 6px -5px #ADADA5;
    }
    .sidebar2 {
    position: fixed;
    top: -10px;
    left: 520px;
    width: 200px;
    height: 150px;
    background: #C9DDB0;
    padding: 10px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    color: #FFFFFF;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    border-bottom: 20px solid transparent;
    overflow: hidden;
    }
    .sidebar2:hover {
    top: 160px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-box-shadow: 0px 8px 6px -5px #ADADA5; 
    -moz-box-shadow: 0px 8px 6px -5px #ADADA5; 
    box-shadow: 0px 8px 6px -5px #ADADA5;
    }
    .sidebar3 {
    position: fixed;
    top: -80px;
    left: 740px;
    width: 200px;
    height: 220px;
    background: #A9DDC7;
    padding: 10px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    color: #FFFFFF;
    text-align: center;
    font-family: arial;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    border-bottom: 20px solid transparent;
    overflow: hidden;
    }
    .sidebar3:hover {
    top: 160px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-box-shadow: 0px 8px 6px -5px #ADADA5; -moz-box-shadow: 0px 8px 6px -5px #ADADA5; box-shadow: 0px 8px 6px -5px #ADADA5;
    }
    .title1 {
    font-family: georgia;
    text-align: center;
    font-style: italic;
    font-size: 25px;
    color: #90763C;
    letter-spacing: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    }
    .title2 {
    font-family: georgia;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
    letter-spacing: 3px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #F1F1F1;
    }
    .title3 {
    font-family: georgia;
    text-align: right;
    font-style: italic;
    font-size: 25px;
    color: #DCDCBB;
    letter-spacing: 10px;
    margin-bottom: 15px;
    }
    .blogger-labels {
    visibility: hidden;
    }
    .networks {
    display: inline-block;
    width: 165px;
    margin-bottom: 8px;
    font-family: arial;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #FDAD96;
    padding: 5px;
    letter-spacing: 5px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    }
    blockquote {
    letter-spacing: 2px;
    font-style: italic;
    text-align: center;
    padding: 10px;
    border: 1px dashed #E9E9E9;
    }
    .icon {
    float: left;
    border: 5px solid #DCDCBB;
    margin-top: -20px;
    margin-right: 10px;
    margin-bottom: 10px;
    }
    .navigation {
    font-size: 50px;
    color: #000000;
    padding: 3px;
    -webkit-transition: 0.3s;
    }
    u {
    padding: 1px;
    text-decoration:none;
    border-bottom: 2px solid #000000;
    }
    ::-webkit-scrollbar {
    width: 10px;
    background:url(http://i.imgur.com/1lT2VDy.png);
    }
    ::-webkit-scrollbar-thumb {
    background-color: #C9DDB0;
    }</style>
    <div id="blogpost">
    <blogger>
    <div class="title2">
    <span style="color:#000000;"><strong>Profile</strong> Left one</span> &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#000000;"><strong>LINK</strong> in middle</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color:#000000;">right is <strong>bla bla&nbsp;</strong></span></div>
    <div class="title1">
    &quot;<blogitemtitle>Talk To ME!</blogitemtitle>&quot;</div>
    </blogger>
    <div style="text-align: center;">
    <span style="color:#000000;">วอร์คกี้ทอร์คกี้ จู๋จี๋ปากิ่งโก้! ใส่ทอร์คตรงนี้เลยนะเออ!</span><br />
    &nbsp;</div>
    <center>
    <br />
    &nbsp;</center>
    <br />
    <div style="text-align: center;">
    &nbsp;</div>
    </div>
    <div class="sidebar1">
    MY PROFILE</div>
    <div class="sidebar2">
    <a class="network"><br />
    &nbsp;</a><a href="http://my.dek-d.com/ชื่อไอดี/friend/request_friend.php" target="_blank">ADD ME</a><br />
    <br />
    &nbsp;<a href="http://my.dek-d.com/ชื่อไอดี/qmsg/" target="_blank">QMSG<br />
    <br />
    &nbsp;</a><a href="http://my.dek-d.com/ชื่อไอดี/writer/" target="_blank">WRITER<br />
    <br />
    &nbsp;</a><a href="http://my.dek-d.com/ชื่อไอดี/sendsecret.php" target="_blank">SMSG<br />
    <br />
    &nbsp;</a><a href="http://my.dek-d.com/ชื่อไอดี/my.id_station/index.php" target="_blank">CONTROL<br />
    &nbsp;</a></div>
    <br />
    <div class="sidebar3">
    PUT SOMETHING<br />
    ABOUT YOU ON THIS!</div>
    <div class="blogtop">
    <div class="title3">
    <span style="color:#c9ddb0;">WELCOME baby.</span></div>
    <div class="icon">
    <a href="http://www.colourlovers.com/palette/2105064/sands_of_time" target="_blank"><img src="http://2.bp.blogspot.com/-yigckjEYMNo/UOH4_TAGONI/AAAAAAAAA4M/3mqs7v9jd4g/s1600/OP7.jpg" /></a></div>
    <div style="text-align: center;">
    <font color="#ffffff">ตรงนี้โล่งเบย! ใส่อะไรไปก็ได้นะ &gt;O&lt;</font></div>
    <div style="text-align: right;">
    <br />
    <br />
    <br />
    <br />
    <a href="http://www.colourlovers.com/palette/2105064/sands_of_time" target="_blank"><span style="color:#ffffff;"><embed allowfullscreen="true" allowscriptaccess="always" height="25" src=" http://www.youtube.com/v/ARO82lUakMw?version=2&amp;hl=en_US&amp;autoplay=1&amp;loop=1&amp;color1= FFFFFF &amp;color2=FFFFFF" type="application/x-shockwave-flash" width="175"></embed></span></a></div>
    </div>
    <a href="http://www.colourlovers.com/palette/2105064/sands_of_time" target="_blank"><!-----DON'T REMOVE THIS BABY :)-----></a>
    <div class="blogdown">
    <a href="http://www.colourlovers.com/palette/2105064/sands_of_time" target="_blank"><span style="color: black; font-family: Tahoma, sans-serif; font-size: 8pt; line-height: 115%; text-align: justify;">Theme made by</span><span style="color: black; font-family: Tahoma, sans-serif; font-size: 9pt; line-height: 115%; text-align: justify;">&nbsp;</span></a><a href="http://childishkidblogger.blogspot.com/" target="_blank">AlbertChristofer</a>. <span style="color:#000000;"><span style="font-family: Tahoma, sans-serif; font-size: 10.399999618530273px; line-height: 11.199999809265137px; text-align: justify;">Icon form</span></span><span style="font-size: 11px;">&nbsp;</span><a href="http://www.blogger.com" style="font-size: 11px;" target="_blank">Here</a><span style="font-size: 11px;">&nbsp;</span><span style="color: rgb(0, 0, 0); font-family: Tahoma, sans-serif; font-size: 10.399999618530273px; line-height: 11.199999809265137px; text-align: justify;">Edit by</span><span style="font-size: 11px;">&nbsp;</span><a href="http://my.dek-d.com/nammook/" style="font-size: 11px;" target="_blank">Shoofly-Pie</a></div>
    <!-----DON'T REMOVE THIS BABY :)----->
    <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 />
    <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>
     
     

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

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

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


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

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

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


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

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

    ABOUT ลูกเล่นของไอดีตัวนี้!

    อันนี้จะอ่านก็ได้ไม่อ่านก็ได้แต่ถ้าอ่านก็ดี 5555 จะอธิบายเพิ่มเติมเกี่ยวกับไอดีตัวนี้
    เห็นไอ้สี่เหลี่ยม 3 สีป่ะ สามอันนั้นอ่ะมันเป็นกล่องนะ ถ้าเธอเอาเมาส์ชี้มันจะเลื่อนลงมา
    แบบอันสีฟ้าที่เห็นในรูป ข้างในเธอสามารถเขียนอะไรลงไปก็ได้^^

    แต่อันสีเขียวตรงกลางห้ามยุ่งอะไรนะเพราะเราใส่ลิงค์เอาไว้
    แก้ได้แค่ส่วน
     'ชื่อไอดี' อย่างที่บอกไปในข้อ2 ถ้ายุ่งล่ะก็โค้ดเละนะเออ


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

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

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

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

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

    ความคิดเห็น

    ×