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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    CHIFFON εїз ID DREAM ;

    ลำดับตอนที่ #3 : Tow : Dare To Dreams

    • อัปเดตล่าสุด 12 พ.ค. 58



    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    - ดูภาพขนาดใหญ่คลิ๊กที่รูป-
     

                                                             
    C O D E

    <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 style="position: fixed; bottom: 5px; left: 15px;">
    <span style="font-family:EQ Feel Good;"><span style="font-size:16px;"><a href="http://writer.dek-d.com/shugochara_amu/writer/view.php?id=1220564" target="_blank"><span style="color:#a9a9a9;">PaMMi_id Dream</span></a></span></span></div>
    <link href="http://media.tumblr.com/e2b7856d0d2960535b0688cf7e5fa2a6/tumblr_inline_mmznl59Eld1qz4rgp.gif" rel="shortcut icon" />
    <base target="_blank" />
    <title></title>
    <link href="http://www.blogger.com/profile/15215441747352614345" rel="me" />
    <link href="http://www.blogger.com/openid-server.g" rel="openid.server" />
    <link href="http://fonts.googleapis.com/css?family=Autour+One" rel="stylesheet" type="text/css" />
    <style type="text/css">
    #navbar-iframe { display: none; }
     
    body {
    background:#fcfcfc;
    cursor:url( http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif);
    color: #888888;
    line-height: 15px;
    text-align: justify;}
     
    table {
    background:#fff;
    font-family:"Century Gothic";
    font-size:10px;
    color: #555;
    line-height: 20px;
    border:3px solid #fff;
    width:900px;
    box-shadow: 0px 0px 10px #aaa;
    }
     
    ::-webkit-scrollbar-thumb{
    background:#dedede;
    border-radius:10px;
    }
     
    ::-webkit-scrollbar {
    width:6px;
    height:auto;
    background:#fff);
    }
     
    a{text-decoration:none ;
    color:#dedede ;cursor:pointer;
    -webkit-transition:All 0.4s ease ;
    -moz-transition:All 0.4s ease ;
    -o-transition:All 0.4s ease ; }
     
    a:hover{
    color:#fff ;
    background:#dedede;
    }
     
     
    ::-moz-selection {
    background:#d3dbde;
    color:#fff;
    }
     
    ::selection {
    background:#d3dbde;
    color:#fff;
    }
     
    u {
    text-decoration:none;
    border-bottom: 1px solid #dedede;
    -webkit-transition: 1s;
    -webkit-user-select:text;
    -moz-user-select:text;
    }
    i {
    font-family:trebuchet ms;
    color:#C65271;
    -webkit-user-select:text;
    -moz-user-select:text;
    }
     
    blockquote {
    text-align:left;
    background:#000;
    border: 1px solid #dedede;
    padding:5px;
    color:#fff;
    font:italic 11px trebuchet ms;}
     
    .h1 {
    border:2px dotted #fff;
    background: #333;
    margin-bottom:10px;
    font-size:10px;
    text-align:center;
    letter-spacing:2px;
    color:#fff;}
     
    @font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
     
    a.oldernewer{
    color:#fff;
    background:#eee;
    -webkit-transition: 1.0s; padding:2px;
    -moz-transition: 1.0s;
    font-family:consolas;
    display:inline-block;
    width:80px;
    margin:2px;
    text-align:center;margin-bottom:15px;
    }
     
    a.jeonjin1{
    display:inline-block;
    background:url(http://media.tumblr.com/tumblr_m2rupxvQbu1qdlkyg.gif) left center;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
    background-repeat:no-repeat;
    color:#666;text-align:left;
    width:240px;background-size:10px;
    line-height:10px;text-decoration:none;
    border:none;
    padding:5px 5px 5px 20px;}
     
    a.jeonjin1:hover{
    display:inline-block;
    background:url(http://media.tumblr.com/d736aa8ba9252da4e0e4a1b54b0aa089/tumblr_inline_mgpj6oqs3q1qdlkyg.gif) left center;
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
    background-repeat:no-repeat;
    color:#666;text-align:left;
    width:240px;background-size:10px;
    line-height:10px;text-decoration:none;
    padding:5px 5px 5px 20px;}
     
    .comment-timestamp {
    margin:0 0 .5em;
    padding:0 0 .75em 20px;
    color:#666;
    }
     
    .deleted-comment {
    font-style:italic;
    color:gray;
    }
     
    #comments {
    margin:5;
    border-width:0 1px 1px;
    padding:20px 0 15px 0;
    }
    .comment-icon blogger-comment-icon{display:none}
    #comments-block {
    margin:2px ;
    }
     
    .comment-data {
    background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
    margin-top:5px !important;background-size:10px;
    padding:0 0 0 20px;
    color:#666;
    }
     
    span.comment-icon{display:none}
     
    .comment-poster {
    font-weight:bold;
    }
     
    .comment-body {
    margin:0px;
    }
     
    .comment-body p {
    background:url(http://27.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo4_250.png);
    border:1px dotted #e9e7e7 ;
    border-radius:5px;
    font-size:11px;
    margin:0em;
    padding:5px;
    color:#808080;
    }
     
    #main img{max-width:540px;padding:3px;margin-bottom:5px;border:1px solid #ddd;
    }
     
     
     
    @font-face{font-family:cd;src:url('http://static.tumblr.com/tedujjb/C78mkkmk4/charleedoodles.ttf')}
     
    .navis{
    border: 0px solid #eee;
    margin-left: 2px;
    margin-bottom: 4px;
    text-align: center;
    width: 90px;
    background: #fff;
    display: inline-block;
    color:#555;
    font-family:"Autour One";
    font-size:8px;
    text-transform: uppercase;
    letter-spacing: 2px; 
    padding:6px; 
    filter: alpha(opacity = 80);
    opacity:.8;
    -moz-transition-duration: 1s;-
    webkit-transition-duration: 1s;
    box-shadow: 0px 0px 5px 5px #eee;
    -moz-box-shadow: 0px 0px 5px 5px #eee;
    }
     
    a.navis:hover {
    border-bottom:1px solid #eee;
    background: #fff;
    color:#555;
    }
     
     
     
     
    .subtitle {
    margin-top:0px;
    background:#fff;
    font-family:tt;
    font-size: 8px;
    padding:2px;
    padding-left:20px;
    letter-spacing:1px;
    text-transform:block;
    }
     
     
    @font-face {
    font-family: 'Yanone Kaffeesatz';
    font-style: normal;
    font-weight: 100;
    src: local('Yanone Kaffeesatz Light'), local('YanoneKaffeesatz-Light'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v4/We_iSDqttE3etzfdfhuPRVMR8FhBa8rkfAKaPBwAU3s.woff) format('woff');
    }
     
     
    .title {
    box-shadow:0 0 2px #ccc; 
    border: 3px solid #fff;
    background: url(http://s6.favim.com/orig/65/catch-dreamer-cute-dreamcatcher-dreams-Favim.com-588874.jpg);
    background-position:20% 90%;
    height: 30px;
    padding:0px;
    font: 27px 'bebas neue' ;
    text-align:center;
    text-shadow: 1px 1px 4px #333;
    color:#fff;
    padding-top: 5px;
    letter-spacing:2px;
    }
     
    @font-face {
    font-family:tt;
    src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
    }
     
     
     
    .blogger-labels {
    text-align:right;
    padding-right:3px;
    border-top:1px solid #f8f8f8;
    font-size:8pt;
    margin-bottom:8px;
    }
     
     
     
     
     
     
     
    a.navi{
    color:#fff;
    font-size:9px;
    font-family:tinytots;
    background: #333;
    width:80px;
    padding: 1px;
    margin:1px;
    display: inline-block;
    border: 2px solid #f6f1ee;
    cursor:url(http://static.tumblr.com/mpornxv/JVilj15ds/0215.png);
    text-align: center;}
     
    a.navi:hover {background: #fff;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border: 1px solid #333;
    }
     
    @font-face{
    font-family:agentletouch;
    src:url(http://static.tumblr.com/dep4vzc/GkJmxp429/a_gentle_touch.ttf);}
     
     
    textarea{
    -webkit-transition:All 0.4s ease;
    -moz-transition:All 0.4s ease;
    -o-transition:All 0.4s ease;
    background:url(http://2.bp.blogspot.com/-hLovSvyCALU/UBDyeJYKJ7I/AAAAAAAADsc/REU8_6hqyzs/s1600/tumblr_ltju9xWnQZ1qhvdofo5_250.png);border-radius:10px;outline: none;
    color:#ddd;border:1px dashed #eee;
    padding:15px;
    letter-spacing:1px;
    height:200px;width:95%;
    overflow-x:hidden;
    font: 11px consolas;color:#555;
    overflow-y:scroll;margin-top:5px; margin-bottom:5px;}</style>
    <style type="text/css">
    @font-face {
        font-family: Bebas Neue;
        src: url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);
    }
     
    #title2 {
        font: normal 25px "Bebas Neue";
        text-shadow: 0 0 10px #111;
        color: #fff;
        text-align:center;
        background: url(http://s6.favim.com/orig/65/catch-dreamer-cute-dreamcatcher-dreams-Favim.com-588874.jpg);
        padding: 20px;
        background-position:50% 50%;
        border-bottom: 10px solid #fff;
        box-shadow: 0px 0px 10px #aaa;
        width: 97%;
        !important;
        top: 0px;
        position: absolute;
        left: 0px;
    }</style>
    <div id="title2">
    <center>
    <div style=" text-width: 600px;  color: #fff; font-family:agentletouch; font-size:50px;  text-align: center;text-shadow: 0 0 10px #000; ">
    &quot; Dare To Dreams. I am Your Dreamcatcher. &quot;</div>
    </center>
    <br />
    ◉ <span class="title2" onclick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">home</span> ◉ <span class="title2" onclick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">about</span> ◉ <span class="title2" onclick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">linkies</span> ◉ <span class="title2" onclick="document.getElementById('main').innerHTML=document.getElementById('s').innerHTML">tutorial</span> ◉ <span class="title2" onclick="document.getElementById('main').innerHTML=document.getElementById('u').innerHTML">free page</span> ◉</div>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <div align="center">
    <br />
    <br />
    <table border="0" cellpadding="20" cellspacing="0">
    <tbody>
    <tr>
    <td valign="top" width="190">
    <div class="title">
    owner</div>
    <br />
    <center>
    <img src="http://data1.whicdn.com/images/66951109/original.jpg" style="border: 1px solid #e6e6e6;background:#fff;padding: 2px; width: 200px;" /></center>
    <center>
    <div style="font-size:8px;font-family:tt;text-align:center;text-transform:uppercase;">
    สวัสดีค่ะ -/\- ชื่อมายเดียร์อายุ 14 ปี เกิดวันที่ 26/01/2000<br />
    กรุ๊ปเลือด A บลาๆๆๆๆๆๆ ใส่อะไรก็ใส่ไปนะคะ &lt;3<br />
    . . . . . . .</div>
    </center>
    <br />
    <div class="title">
    my friend</div>
    <div style="text-align:left;">
    <center>
    <div style=" background:#transparent; text-align:left; border:1px solid #f8f8f8; width:200px; overflow-x:hidden; overflow-y:scroll;padding:8px; height:100px; ">
    <bloggerpreviousitems> <a href="&lt;$BlogItemPermalinkURL$&gt;"> </a>
    <div class="jieun" style="text-align: center;">
    <span style="font-size:10px;">บรรดาเพื่อนๆที่สนิทๆกันนะคะ O_&lt;</span><br />
    <center>
    <a class="navi" href="http://mizzikastories.blogspot.com/">ชื่อเพื่อนสนิท</a>&nbsp;<a class="navi" href="LINK">ชื่อเพื่อนสนิท</a> <a class="navi" href="LINK">ชื่อเพื่อนสนิท</a> <a class="navi" href="LINK">ชื่อเพื่อนสนิท</a> <a class="navi" href="LINK">ชื่อเพื่อนสนิท</a> <a class="navi" href="LINK">ชื่อเพื่อนสนิท</a></center>
    </div>
    </bloggerpreviousitems></div>
    </center>
    </div>
    <div class="title">
    CREDIT</div>
    <div style="font-size:8px;font-family:tt;text-align:center;text-transform:uppercase;">
    <span style="color:#a9a9a9;">blog -</span> <a href="http://www.blogskins.com/">blosskins</a><span style="color:#a9a9a9;"> |</span> <a href="http://my.dek-d.com/shugochara_amu/writer/view.php?id=1220564">pammi_id drean</a><br />
    <span style="color:#a9a9a9;">image by</span> <a href="http://my.dek-d.com/mintbunthita/writer/view.php?id=1188554">Gif &amp; Cinemagraphs</a><br />
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" height="15" width="15"><param name="movie" value="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://k007.kiwi6.com/hotlink/9ej6aq8xw8/PARK_SHINHYE_-_STORY_LYRICS_THE_HEIRS_OST_.mp3&amp;auto=yes&amp;sendstop=yes&amp;repeat=2&amp;buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&amp;bgcolor=0xffffff&amp;mode=playpause" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed align="" height="15" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://k007.kiwi6.com/hotlink/9ej6aq8xw8/PARK_SHINHYE_-_STORY_LYRICS_THE_HEIRS_OST_.mp3&amp;auto=yes&amp;sendstop=yes&amp;repeat=2&amp;buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&amp;bgcolor=0xffffff&amp;mode=playpause" type="application/x-shockwave-flash" width="15" wmode="transparent"></embed></object></div>
    </td>
    <td id="main" style="width:600px;  border-left:1px dashed #f8f8f8; " valign="top">
    <blogger>
    <div class="title">
    welcome to my.id</div>
    <div class="subtitle" style="float:center;text-align:center;">
    <br />
    <img src="http://daylol.com/nw/wp-content/uploads/2013/12/16-oNNe1m2.gif" style="height: 209px; width: 500px;" /><br />
    <span style="font-size:11px;">สวัสดีค่า ยินดีต้อนรับเข้าสู่มายไอดีบลาๆๆๆ<br />
    ชั้นชื่อบลาๆๆๆ อายุ บลาๆๆๆ ขอบคุณทุกคนที่เข้ามา<br />
    บลาๆๆๆๆ อะไรก็ใส่ๆไปเนอะะะะ<br />
    และห้ามลบเครดิตออกเด็ดขาด ถ้าลบขอให้สอบตก!! -__-<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .<br />
    .</span></div>
    </blogger></td>
    <td id="o" style="display: none;">
    <blogger>
    <div class="title">
    &lt;$BlogItemTitle$&gt;</div>
    <div class="subtitle" style="float:center;text-align:center;">
    written by ika at<blogdateheader>&lt;$BlogDateHeaderDate$&gt;</blogdateheader> &amp; got <a href="&lt;$BlogItemCommentCreate$&gt;">&gt; &lt;$BlogItemCommentCount$&gt; Comments</a></div>
    <br />
    &lt;$blogitembody$&gt;<br />
    <itempage>
    <div id="comments" style="margin-top:5px;">
    <blogitemcommentsenabled><a name="comments"></a>
    <div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://i55.tinypic.com/v3d7ps.jpg); box-shadow:0  0 3px #ddd;">
    &lt;$CommentPager$&gt; <blogitemcomments>
    <dt class="comment-data" id="&lt;$BlogCommentAnchorName$&gt;">
    <a name="&lt;$BlogCommentAnchorName$&gt;"></a> &lt;$I18NCommentAuthorSaid$&gt;</dt>
    <dd class="comment-body">
    <p>
    &lt;$BlogCommentBody$&gt;</p>
    &lt;$BlogCommentDeleteIcon$&gt;</dd>
    </blogitemcomments> &lt;$CommentPager$&gt;</div>
    <dl id="comments-block">
    </dl>
    <p class="comment-timestamp">
    &lt;$BlogItemCreate$&gt;</p>
    <div class="post-footer">
    &nbsp;</div>
    </blogitemcommentsenabled></div>
    </itempage></blogger></td>
    <td id="k" style="display: none;">
    <div class="title">
    webmistress</div>
    <br />
    <center>
    <img src="http://31.media.tumblr.com/961f93a322e81a738f0d29063d6462bd/tumblr_mpn1vsztSZ1sr1jcxo1_500.gif" width="500" /></center>
    <br />
    Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae.</td>
    <td id="p" style="display: none;">
    <div class="title">
    affiliates</div>
    <br />
    <center>
    <img src="http://31.media.tumblr.com/961f93a322e81a738f0d29063d6462bd/tumblr_mpn1vsztSZ1sr1jcxo1_500.gif" width="500" /></center>
    <br />
    <center>
    <a class="navi" href="http://mizzikastories.blogspot.com/">IKA</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a> <a class="navi" href="LINK">link</a></center>
    </td>
    <td id="s" style="display: none;">
    <div class="title">
    tutobies</div>
    <br />
    <center>
    <img src="http://31.media.tumblr.com/961f93a322e81a738f0d29063d6462bd/tumblr_mpn1vsztSZ1sr1jcxo1_500.gif" width="500" /></center>
    <br />
    <div class="h1">
    Tutorials</div>
    <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a><br />
    <br />
    <div class="h1">
    Tutorials</div>
    <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a> <a class="jeonjin1" href="LINK">TUTORIAL</a></td>
    <td id="u" style="display: none;">
    <div class="title">
    Free page</div>
    <br />
    <center>
    <img src="http://31.media.tumblr.com/961f93a322e81a738f0d29063d6462bd/tumblr_mpn1vsztSZ1sr1jcxo1_500.gif" width="500" /></center>
    <br />
    Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.</td>
    </tr>
    </tbody>
    </table>
    </div>
    <br />
     

    C O D E
    - ต้นฉบับที่ยังไม่ได้แก้ -


    - - - - - - - - - - - - - - - - - - - - - - - - - -

    สำคัญ
    เ กี่ ย ว กั บโ ค้ ด


    one : เดียร์ใส่โค้ดล้างไอดีไว้ในโค้ดแล้ว
    ไม่ต้องใส่ซ้ำค่ะ!

    tow : ไม่ติดเครดิตไม่ว่า แต่ห้ามลบเครดิตในโค้ดออก
    ใครลบออกขอให้สอบตก!!!

    three : สำหรับตัวที่เน้น ได้แก่
    แบ็คกราวน์ (background)
    ถ้าหากต้องการเปลี่ยนจากสีเป็นรูปภาพให้เปลี่ยนจาก
    background-color: #f5f5f5 เป็น
    background: url (ใส่urlรูป);


    four : สำหรับโค้ดตัวนี้ใส่เพลงให้แล้ว
    และไม่ใช่กล่องเพลงของยูทูปจึงไม่ต้องแก้

     


    © themy  butter
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×