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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    ♠ theme id stock ♠

    ลำดับตอนที่ #3 : ♦ theme no.2 : the mirror (blur & white)

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 1.44K
      2
      27 ต.ค. 56

     

    ธีมนี้เก๋ตรงที่เลื่อนเมาส์ลงในกระจก(?)จะมีสิ่งของโผล่มา
     

    <!--you are looking at DancingSheep codes. please credit if you use them. thank you.-->
     
    <head>
     <title>%WORLD BEHIND MY WALL</title>

    <style type="text/css">

    a:link, a:active, a:visited {
     font-family: tahoma;
     font-size: 10pt;
     color: #9a9a9a;
     cursor: default;
     text-decoration:none;
     letter-spacing: 3px;
    }

    a:hover {
     color: #c37179;
     background-color: #ffffff;
     cursor: crosshair;
    }

    a.tag:link, a.tag:active, a.tag:visited {
     font-family: courier new;
     font-size: 12pt;
     color: #14334c;
     cursor: default;
     text-decoration:none;
     letter-spacing: 3px;
    }

    a.tag:hover {
     color: #c37179;
     background-color: #ffffff;
     cursor: crosshair;
    }

    body {
     background-color: #efebdf;
     cursor: default;
     font-family: times new roman;
     font-size: 10pt;
     color: #5b5e62;
     text-align: justify;
    }

    .h1 {
     
     font-family: times new roman;
     letter-spacing: 2px;
     text-align: center;
     line-height: 13px;
    }

    .h2 {

     color: #14334c;
     font-family: courier new;
     text-align: center;
     font-size: 10pt;
     font-weight: none;
     background-color: #ffffff;
    }

    .h3 {

     color: #71a3c4;
     font-family: impact;
     text-align: left;
     font-size: 12pt;
     text-transform: uppercase;
     letter-spacing: 6px;
     line-height: 25px;
     display: inline;
     padding: 2px;
    }

    .contentbg {

     background-color: #f5f3ec;
     padding: 5px;
    }

    #contentblock {

     position: absolute;
     background-color: #efebdf;
     top: 140px;
     left: 390px;
     width: 500px;
     background-color: transparent;
     overflow-y: auto;
     overflow-x: hidden;
     padding-bottom: 100px;
    }

    #thewindow > #window {

     position: fixed;
     top: 0px;
     left: 0px;
      ;
    }

    #window {

     position: absolute;
      ;
     top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
     left: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
    }

    #clouds {

     position: relative;
     top: 0px;
     left: 0px;
     width: 300px;
     height: 3000px;
     z-index: 0;
     background-image: url('http://i288.photobucket.com/albums/ll161/purple-socks/wbmwcloudbg.jpg');
     background-repeat: repeat;
     background-color: transparent;
     line-height: 100px;
     overflow: auto;
    }

    #navbar-iframe {  

     display: none;
    }

    </style>
    </head>

    <body>

    <div id="thewindow">
    <div id="window">
    <img src="http://i288.photobucket.com/albums/ll161/purple-socks/windowcropped.png">
    </div>
    </div>

    <div id="clouds">
    <br><br><br><br><br><br>
    <img align="right" style="padding: 50px;" src="http://i288.photobucket.com/albums/ll161/purple-socks/iwantthatwaffle.png">
    <br><br><br><br><br><br><br><br>
    <img align="right" style="padding: 20px;" src="http://i288.photobucket.com/albums/ll161/purple-socks/omgthereindeer.png">
    <br><br><br><br>
    <img align="right" style="padding:60px;" src="http://i288.photobucket.com/albums/ll161/purple-socks/whyarefoodflying.png">
    <br><br><br><br><br>
    <img align="right" style="padding:55px;" src="http://i288.photobucket.com/albums/ll161/purple-socks/ohitsasheep.png">
    <br>
    <br>
    </div>

    <div id="contentblock">
    <div id="profile">
    <div class="contentbg">
    <div class="h3">WORLD BEHIND MY WALL</div>
    <img src="http://i288.photobucket.com/albums/ll161/purple-socks/bullet.jpg"><br>
    An easily confused girl who talks at the speed of a train and walks too slowly;
    a fashion zombie who goes around chanting "Shoeesssss...";
    a diehard fan of Harry Potter and all things magical;
    dreams of finding her half-blood prince;
    often talks to her stuffed toys but always makes the same wish at 1111;
    loves Michael Jackson and wants to dance like him.
    </div>
    </div>
    <br>
    <br>

    <div id="links">
    <div class="contentbg">
    <div class="h3">TAKE ME THERE!</div>
    <img src="http://i288.photobucket.com/albums/ll161/purple-socks/bullet.jpg"><br>
    <a href="http://ohdoubledamn.livejournal.com">link</a>
    <a href="http://ohdoubledamn.livejournal.com">link</a>
    <a href="http://ohdoubledamn.livejournal.com">link</a>
    <a href="http://ohdoubledamn.livejournal.com">link</a>
    <a href="http://ohdoubledamn.livejournal.com">link</a>
    <a href="http://ohdoubledamn.livejournal.com">link</a>
    <a href="http://ohdoubledamn.livejournal.com">link</a>
    <a href="http://ohdoubledamn.livejournal.com">link</a>
    <a href="http://ohdoubledamn.livejournal.com">link</a>

    <br>
    <a class="tag" target="_blank" href="http://www6.shoutmix.com/?purple-socks">POPUP TAGBOARD HERE</a>

    <br><br>

    <select name="archivemenu" style="width:95%" onchange=
    "document.location.href=this.options[this.selectedIndex].value;">

      <option selected>- i'm writing down what i cannot see -</option>

      <BloggerArchives>
      <option value='<$BlogArchiveURL$>'><$MTArchiveTitle$></option>
      </BloggerArchives>

    </select>
    <br>
    </div>

    <br><br>

    <div id="entries">
    <MTEntries lastn="7">
    <div class="contentbg">
    <div class="h3"><$BlogItemTitle$></div>
    <br>
    <div class="h2"><MTDateHeader><$MTEntryDate format="%B %e, %Y"$></MTDateHeader> x <$MTEntryDate format="%I:%M:%S %p"$></div>
    <br>
    <$MTEntryBody$>
    </div>
    <br>
    <br>
    </MTEntries>
    </div>

    <div id="footer">
    <div class="h1">
    <a href="http://sxc.hu">xxx</a><br>
    It’s raining today, the blinds are shut.<br>
    It’s always the same.<br>
    I tried all the games that they play, but they made me insane.<br>
    Life on TV it’s random, it means nothing to me.<br>
    I’m writing down what I cannot see; wanna wake up in a dream.<br>
    Trains in the sky are travelling through fragments of time.<br>
    They’re taking me to parts of my mind that no one can find.<br>
    I’m ready to fall. I’m ready to crawl on my kness to know it all.<br>
    I’m ready to heal. I’m ready to feel.<br>
    -Tokio Hotel-<br>
    <a href="http://blogskins.com/me/dancingsheep/"><!--you are looking at DancingSheep codes. please credit if you use them. thank you.-->
    <title></title>
    <style type="text/css">
    a:link, a:active, a:visited {
     font-family: tahoma;
     font-size: 10pt;
     color: #9a9a9a;
     cursor: default;
     text-decoration:none;
     letter-spacing: 3px;
    }

    a:hover {
     color: #c37179;
     background-color: #ffffff;
     cursor: crosshair;
    }

    a.tag:link, a.tag:active, a.tag:visited {
     font-family: courier new;
     font-size: 12pt;
     color: #14334c;
     cursor: default;
     text-decoration:none;
     letter-spacing: 3px;
    }

    a.tag:hover {
     color: #c37179;
     background-color: #ffffff;
     cursor: crosshair;
    }

    body {
     background-color: #efebdf;
     cursor: default;
     font-family: times new roman;
     font-size: 10pt;
     color: #5b5e62;
     text-align: justify;
    }

    .h1 {
     
     font-family: times new roman;
     letter-spacing: 2px;
     text-align: center;
     line-height: 13px;
    }

    .h2 {

     color: #14334c;
     font-family: courier new;
     text-align: center;
     font-size: 10pt;
     font-weight: none;
     background-color: #ffffff;
    }

    .h3 {

     color: #71a3c4;
     font-family: impact;
     text-align: left;
     font-size: 12pt;
     text-transform: uppercase;
     letter-spacing: 6px;
     line-height: 25px;
     display: inline;
     padding: 2px;
    }

    .contentbg {

     background-color: #f5f3ec;
     padding: 5px;
    }

    #contentblock {

     position: absolute;
     background-color: #efebdf;
     top: 140px;
     left: 390px;
     width: 500px;
     background-color: transparent;
     overflow-y: auto;
     overflow-x: hidden;
     padding-bottom: 100px;
    }

    #thewindow > #window {

     position: fixed;
     top: 0px;
     left: 0px;
      ;
    }

    #window {

     position: absolute;
      ;
     top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
     left: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');
    }

    #clouds {

     position: relative;
     top: 0px;
     left: 0px;
     width: 300px;
     height: 3000px;
     z-index: 0;
     background-image: url('http://i288.photobucket.com/albums/ll161/purple-socks/wbmwcloudbg.jpg');
     background-repeat: repeat;
     background-color: transparent;
     line-height: 100px;
     overflow: auto;
    }

    #navbar-iframe {  

     display: none;
    }</style>
    <div id="thewindow">
        <div id="window">
            <img src="http://i288.photobucket.com/albums/ll161/purple-socks/windowcropped.png" /></div>
    </div>
    <div id="clouds">
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <img align="right" src="http://i288.photobucket.com/albums/ll161/purple-socks/iwantthatwaffle.png" style="padding: 50px;" /><br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <img align="right" src="http://i288.photobucket.com/albums/ll161/purple-socks/omgthereindeer.png" style="padding: 20px;" /><br />
        <br />
        <br />
        <br />
        <img align="right" src="http://i288.photobucket.com/albums/ll161/purple-socks/whyarefoodflying.png" style="padding:60px;" /><br />
        <br />
        <br />
        <br />
        <br />
        <img align="right" src="http://i288.photobucket.com/albums/ll161/purple-socks/ohitsasheep.png" style="padding:55px;" /><br />
        &nbsp;</div>
    <div id="contentblock">
        <div id="profile">
            <div class="contentbg">
                <div class="h3">
                    WORLD BEHIND MY WALL</div>
                <img src="http://i288.photobucket.com/albums/ll161/purple-socks/bullet.jpg" /><br />
                <span style="color:#808080;">An easily confused girl who talks at the speed of a train and walks too slowly; a fashion zombie who goes around chanting &quot;Shoeesssss...&quot;; a diehard fan of Harry Potter and all things magical; dreams of finding her half-blood prince; often talks to her stuffed toys but always makes the same wish at 1111; loves Michael Jackson and wants to dance like him</span><span style="color:#a9a9a9;">.</span></div>
        </div>
        <br />
        <br />
        <div id="links">
            <div class="contentbg">
                <div class="h3">
                    TAKE ME THERE!<img src="http://i288.photobucket.com/albums/ll161/purple-socks/bullet.jpg" /></div>
                <br />
                <span style="color:#808080;"><span style="font-family:times new roman;">Call me Beer. I&#39;m 21 years old. Yes! I&#39;m not old so call me sister ;)</span>)</span><br />
                <a href="http://my.dek-d.com/beer-naka/friend/request_friend.php">Add me</a>&nbsp; |&nbsp; <a href="http://writer.dek-d.com/beer-naka/friend/">Friends&nbsp; </a>|&nbsp; <a href="http://my.dek-d.com/beer-naka/qmsg/">Qmsg&nbsp; </a>|&nbsp;<a href="http://writer.dek-d.com/beer-naka/writer/"> Fav.Writers</a><br />
                <br />
                &nbsp;</div>
            <br />
            <br />
            <div id="entries">
                <mtentries lastn="7">
                <div class="contentbg">
                    <div class="h3">
                        status<img src="http://i288.photobucket.com/albums/ll161/purple-socks/bullet.jpg" /></div>
                    <br />
                    <div class="h2">
                        <span style="color:#a9a9a9;"><span style="font-family: times new roman;">R u ever hear this song &quot;Me without You&quot; by Sam Tsui<br />
                        now I really crazy it!!!<br />
                        .<br />
                        .<br />
                        .</span></span><br />
                        <span style="color:#808080;"><span style="font-family: times new roman;">Who did I used to be?<br />
                        How was there ever me without you?<br />
                        Don&#39;t want to ever be without you<br />
                        Without you, me without you<br />
                        Baby, I can&#39;t belive<br />
                        I ever lived or breathed without you<br />
                        Don&#39;t let me ever be without you<br />
                        Without you, me without you</span></span><br />
                        <span style="color:#a9a9a9;"><span style="font-family: times new roman;">ฉันเคยเป็นใครมาก่อนนะ<br />
                        เคยเป็นยังไงหากฉันไม่มีเธอ<br />
                        ไม่เคยอยากอยู่โดยปราศจากเธอ<br />
                        ไม่มีเธอ ฉันที่ไม่มีเธอ<br />
                        ที่รัก ฉันไม่อยากจะเชื่อเลย<br />
                        ฉันเคยใช้ชีวิตและหายใจโดยไม่มีเธอได้ยังไง<br />
                        อย่าปล่อยให้ฉันอยู่โดยไม่มีเธออีกเลยนะ<br />
                        ไม่มีเธอ ฉันที่ไม่มีเธอ</span></span><br />
                        <br />
                        <center>
                            <span style="color:#a9a9a9;"><span style="font-family: times new roman;"><embed allowfullscreen="true" allowscriptaccess="always" height="25" src="http://www.youtube.com/v/zjYXp-3ZMAA?hl=th_TH&amp;version=2&amp;hl=en_US&amp;autoplay=1&amp;loop=1&amp;color1=000000&amp;color2=FFFFFF" type="application/x-shockwave-flash" width="190"></embed></span></span></center>
                        <span style="color:#a9a9a9;"><span style="font-family: times new roman;">.<br />
                        .<br />
                        .</span></span></div>
                    <br />
                    &nbsp;</div>
                </mtentries><br />
                &nbsp;</div>
            <div id="footer">
                <div class="h1">
                    <a href="http://sxc.hu">xxx</a><br />
                    <span style="color:#808080;">It&rsquo;s raining today, the blinds are shut.<br />
                    It&rsquo;s always the same.<br />
                    I tried all the games that they play, but they made me insane.<br />
                    Life on TV it&rsquo;s random, it means nothing to me.<br />
                    I&rsquo;m writing down what I cannot see; wanna wake up in a dream.<br />
                    Trains in the sky are travelling through fragments of time.<br />
                    They&rsquo;re taking me to parts of my mind that no one can find.<br />
                    I&rsquo;m ready to fall. I&rsquo;m ready to crawl on my kness to know it all.<br />
                    I&rsquo;m ready to heal. I&rsquo;m ready to feel.<br />
                    -Tokio Hotel-</span><br />
                    <a href="http://blogskins.com/me/dancingsheep/">Dancing</a> <a href="http://falling-from-below.blogspot.com">Sheep</a></div>
            </div>
        </div>
    </div>
    <!-- iD Clean Code Ver. 2.4.1 By Fantasier --><!-- อย่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า -->
    <style type="text/css">
    #wrapper,.thcon { display:none }</style>
    <div class="theanchor">
        &nbsp;</div>
    <script type="text/javascript">$('.theanchor').parent().wrapInner('<div class="thcon"></div>'); $('#wrapper').before($('.thcon').contents()); $('.thcon') ();</script>
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×