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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    MY ROOM ME :)

    ลำดับตอนที่ #20 : โค้ดธีมไอดีสีเทา ๆ

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 105
      0
      8 ต.ค. 54

    ϟユニか.
    <style type="text/css">
    #navbar-iframe {display: none;}
    body {background: #666666;}
    body,a {cursor:crosshair;}

    ul.columns {width: 960px;list-style: none;margin: 0 auto; padding: 0;}
    ul.columns li {width: 200px;float: left; display: inline;margin: 5px; padding: 0;position: relative;}
    ul.columns li:hover { ;}
    ul.columns li img {position: absolute;top: 1px;filter: alpha(opacity=30);opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-webkit-transition-duration: .5s;}
    ul.columns li:hover img{ ;filter: alpha(opacity=100);opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
    ul.columns li .context {position: absolute;left: -5px; top: -8px;padding: 319px 10px 20px;width: 253px;display: none;background: #fff;font: normal 10pt arial;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
    ul.columns li:hover .context{display: block;}
    ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}
    ul.columns li h2 {font: 10px 'Arial', sans-serif;letter-spacing:1px; text-transform:uppercase;border-bottom: 1px solid #aaa;}



    #fade {display: none;background: #000;position: fixed; left: 0; top: 0; ;width: 100%; height: 100%;opacity: .80; ;}
    .popup_block{display: none;font: normal 8pt arial;background: #fff;height: 700px;overflow: auto;padding: 20px;  border: 2px solid #ddd;float: left;position: fixed;top: 50%; left: 50%; ;-webkit-box-shadow: 0px 0px 20px #fafafa;-moz-box-shadow: 0px 0px 20px #fafafa;box-shadow: 0px 0px 20px #fafafa;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
    img.btn_close {float: right; margin: -55px -55px 0 0;}
    .popup p {padding: 5px 10px;margin: 5px 0;}


    *html #fade {position: absolute;}
    *html .popup_block {position: absolute;}


    a.&#52828;&#44396;{font: normal 7pt arial; color:#123555; width:240px; padding: 5px; -webkit-transition-duration:.5s;display:inline-block;letter-spacing:1px; text-transform:uppercase; background-color: #fafafa; margin-bottom: 2px;}
    a.&#52828;&#44396;:hover {color: #fafafa; background-color:#123555; border-bottom:none;}
    a:link, a:active, a:visited {font: 8pt arial; color: #aaa; text-decoration: none;-webkit-transition-duration: .35s;}
    a:hover {border-bottom: 2px solid #012231; color: #f1f1f1;}


    blockquote {border-left: 10px solid #153e5e; background-color:#fafafa; font: 8pt arial;color: #153e5e; padding: 10px;}
    blockquote:hover{color: #1d4e4a;-webkit-transition-duration: .4s; color:#aaa;}
    i {color: #0067A9; font-family: georgia;} b {color: #8caeb1;  padding: 1px 2px 1px 2px;} u {color: #ccc;border-bottom: 2px solid #012231; text-decoration:none;} s {color: #aaa;}

    .&#50724; {font: normal 20pt Droid Serif, serif; letter-spacing: 2px; color: #aaa; text-shadow: 1px 1px 0 #fff;-webkit-transition-duration: .5s;}
    .&#50724;:hover {color: transparent; text-shadow: 1px 2px 2px #fafafa;}
    .&#51228;&#47785; {font: 10pt georgia; letter-spacing: 2px; border-bottom: 2px #1d1d1d;}
    .&#51228;&#47785;:first-letter{font-family:georgia; font-size:15pt; font-style:italic; color:#A4A4A4; font-weight:bold;}
    img {filter:alpha(opacity=75);opacity:.75; -webkit-transition-duration: 0.5s;}
    img:hover{filter:alpha(opacity=9);opacity:.9;}

    </style>    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <div style="position: absolute; top: 20px; left: 170px; ">
    <div class="오" style="text-decoration: none; "><span style="color: rgb(153, 153, 153); "><span style="font-size: 32px; ">Welcome to My.ID Bellbari XD '</span></span><a rel="popup2" class="poplight" style="text-decoration: none;" href="#?w=700"><embed type="application/x-shockwave-flash" height="1" width="1" src="http://www.youtube.com/v/nLkQV4tMBoM?fs=1&amp;autoplay=1&amp;loop=1&amp;color1=0xc0c0c0&amp;color2=0xFFFFFF" allowfullscreen="true" allowscriptaccess="always"></embed></a></div>
    <div style="text-decoration: none; font: normal normal normal 6pt/normal arial; width: 830px; text-transform: uppercase; color: transparent; text-align: justify; text-shadow: rgb(250, 250, 250) 1px 2px 2px; ">Shikamaru sniffed again. His lips trembled. "I can run six missions on a com simultaneously. I can decipher eight lines of code in less than three minutes. I can beat everyone I know in shogi—handicapped." He stopped for a moment, clenching his jaw as a fresh well of grief filled his eyes. He squeezed them shut tight as if that would stop the tears from falling. "I can run ANBU division… but I can't figure out… I… I can't…" - Nara Shikamaru. Give And Take by Starkblack<span style="font: normal 7pt arial; text-transform: uppercase; color:#e0e4dd;text-shadow: none;"><br />
    <br type="_moz" />
    </span></div>
    <ul class="columns">
        <li><img alt="" src="http://i865.photobucket.com/albums/ab212/MIROmanTIC/blog%20material/11107585.png" />
        <div class="context">
        <h2>This is who I am.</h2>
        <p>My name is bellbari Age 16</p>
        เบลล์ไม่อยู่10วันน้ะ ให้น้องสาวของเราเล่นแทนน้ะ น้องสาวเราชื่อ"บลิว" อยู่อายุ13ปีแล้ว</div>
        </li>
        <li><img alt="" src="http://i865.photobucket.com/albums/ab212/MIROmanTIC/blog%20material/11107585copy.png" />
        <div class="context">
        <h2>เลือกเอา!</h2>
        <p><select style="font: normal 10px Arial; color: #777; padding:2px; width: 240px; border: 0px;" onChange="location.href=this.options[this.selectedIndex].value;">
        <option value="">facebook</option>
        <option value="http://www.facebook.com/gantz.bell.za">» Click</option>
        </select>  <select style="font: normal 10px Arial; color: #777; padding:2px; width: 240px; border: 0px;" onChange="location.href=this.options[this.selectedIndex].value;">
        <option value=""> Hi5 </option>
        <option value="http://writer.dek-d.com/buttie11150/">» อยากได้ขอเองเถอะ .</option>
        </select></p>
        </div>
        </li>
        <li><img alt="" src="http://i865.photobucket.com/albums/ab212/MIROmanTIC/blog%20material/yellow.png" />
        <div class="context">
        <h2>Escape</h2>
        <p><a class="친구" href="http://my.dek-d.com/aeminla/">» ★Aenimla` | Hello {.}</a><br />
        <a class="친구" href="http://my.dek-d.com/pimmy-love/">» Pimmy-Louise</a><br />
        <a class="친구" href="http://my.dek-d.com/lovelikemoon/">» +'อาตี๋กินกล้วย '+ </a><br />
        <a class="친구" href="http://my.dek-d.com/bslirjotom/">» ' |; boombarm  ,</a><br />
        <a class="친구" href="http://my.dek-d.com/mukurojung/">» Eliga Cemmell</a><br />
        <a class="친구" href="http://my.dek-d.com/pretty-abcd/">» ,moore</a></p>
        </div>
        </li>
        <li><img alt="" src="http://i865.photobucket.com/albums/ab212/MIROmanTIC/blog%20material/greeb.png" />  <!--DO NOT REMOVE START-->
        <div class="context">
        <h2>Links.</h2>
        <p>1. <a href="http://my.dek-d.com/buttie11150/friend/request_friend.php">Add Me</a><br />
        2. <a href="http://my.dek-d.com/buttie11150/qmsg/">QMSG</a><br />
        3. <a href="http://writer.dek-d.com/buttie11150/writer/">writer</a><br />
        4. <a href="http://writer.dek-d.com/buttie11150/assessment/Character_popup.php">My Zib!</a></p>
        </div>
        </li>
    </ul>
    </div>
    <br />
    <div class="thisisanchor"></div>
    <script type="text/javascript">$('#wrapper').hide(); $('.thisisanchor').closest('td') Class('modulebg2').addClass('thenewone'); $('#wrapper').parent().prepend($('.thenewone').contents()) Attr('class'); $('.thenewone') (); </script> 
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×