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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    FREE BlogSkins [iD dream]

    ลำดับตอนที่ #9 : BlogSkins . The City That Never Sleeps (ขาว ดำ ตึก)

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 605
      0
      25 ส.ค. 56

    BlogSkins . The City That Never Sleeps



     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
     
    <HTML><head>
    <title>The City That Never Sleeps</title>
     
    <script type="text/javascript">
    function changeNavigation(id)
    {document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
    </script>
     
    <style type="text/css">
     
    body { 
    background-image: url(http://i1015.photobucket.com/albums/af277/sleepingtoys/city/citybg.jpg);
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-color: #F0F0F0;
    font: normal 8pt "Arial", sans-serif;
    color: #808080;
    line-height: 1.5;
    text-align: justify;
    }
     
    #navbar-iframe{
    display: none;height: 0px;
    }  
    #bottom { 
    background: #222;
    height: 20px;
    width: 100%;
    position: fixed;
    bottom: 0;left: 0;z-index: 1;
    }
     
    #sun{ 
     padding:5px; 
     background: #222222;}
     
    #post{
     filter: alpha (opacity=90);
     -moz-opacity: 0.50; opacity: 0.90; 
    -webkit-transition-duration:1s;
     padding:1px 3px 3px 0px;}
     
    #post:hover{ 
     filter: alpha (opacity=100);
     -moz-opacity: 1.00; opacity: 1.00;
     -webkit-transition-duration: 1s;
     padding:1px 3px 3px 0px;}
     
    #posts {
     background: #ffffff;
     vertical-align: top;
     width: 520px;
     -moz-border-radius: 10px 0 10px 10px;
     -webkit-border-radius: 10px 0 10px 10px;
     padding: 5px 10px 10px 10px;}
     
    #postbody img {
     padding: 6px;
     background:#fafafa;
     border: 1px solid #e1e1e1;}
     
    #music img {
     padding: 6px;
     background:#111;
     border: 0px solid #222;}
     
    #moon { 
     background: transparent;
     position: absolute;
     top: 20px;
     left: 315px;
     width: 60%; }
     
    #rain {
     position: fixed; 
     width: 250px;
     bottom: 10px;
     left: 50px;} 
     
    #rain #content {
     -webkit-border-radius: 10px 10px 0 0px;
     -moz-border-radius: 10px 10px 0 0px; 
     background: #222222;
     color: #999;
     margin: 10px 0 0;
     padding: 8px; }
     
    ::selection {
     color: #888888;
     background: #f5f5f5; }
     
    ::-moz-selection{
     background: #f5f5f5;
     color: #888888;}
     
    .blogger-labels{
     border-top: 1px solid #f8f8f8;
     font-size: 10px;
     padding-top: 5px;
     margin: 10px auto 0 auto;
     text-align: right;}
     
    strong, b {color:#81A8B8;}em, i {color: #B94159 ; font-weight:bold;}u {color: #A79C8E ;border-bottom: 1px solid #A79C8E;}
     
    a { 
     font: bold 8.5pt "helvetica", sans-serif;
     color: #888;
     text-decoration: none;
     text-transform: lowercase;}
     
    a:hover {
     -moz-transition-duration: 1s;
     -webkit-transition-duration:1s;
     color: #ffffff; }
     
    blockquote {
     background-image:url("http://i589.photobucket.com/albums/ss333/HeartsAloud/dl/hbq.gif");
     background-repeat: no-repeat;
     background-position:top right;
     font: normal 8pt "arial", monospace;
     color: #999;
     margin: 1px 0px 1px 0px;
     border-top: 1px solid #eeeeee;
     border-bottom: 1px solid #eee;
     -webkit-transition-duration:1s;
     padding: 9px 0px 9px 0px; }
     
    blockquote:hover { 
     -webkit-transition-duration:1s;
     color: #555; }
     
    .date {
     font: normal 20pt "helvetica", sans-serif;
     text-transform: lowercase;
     color:#dddddd;
     letter-spacing:-3pt;}
     
    .title {
     font: normal 18pt "helvetica", sans-serif;
     border-bottom: 1px solid #f5f5f5;
     margin-top:-10pt;
     margin-bottom:2px;
     font-style:italic;
     letter-spacing: -2pt;
     color:#f1f1f1;
     text-transform: lowercase; }
     
    .time{
     font: bold 30pt "arial", sans-serif;
     -moz-border-radius: 0 7px 7px 0px;
     -webkit-border-radius: 0 15px 15px 0px;
     height: 50px;
     background: #f9f9f9 !important;
     padding: 1px 3px 3px 0px;
     float: left;
     position: relative;
     color:#f1f1f1;
     font-weight:bold;
     letter-spacing:-6.5pt;
     filter: alpha (opacity=70);
     -moz-opacity: 0.70;
     opacity: 0.70; 
     -webkit-transition-duration:1s; 
    }
     
    .time:hover{
     filter: alpha (opacity=90); -moz-opacity: 0.90; opacity: 0.90; 
     -webkit-transition-duration:1s;
     padding:1px 3px 3px 0px;}
     
    .clouds{
     font: normal 18pt "helvetica", sans-serif;
     font-color:#333333;
     letter-spacing:-2pt; }
     
    .sky{
     text-align: right;
     padding: 0 9px 0px 0px;
     font: bold 40pt "helvetica", sans-serif;
     letter-spacing:-7pt;
     text-transform: lowercase;
     line-height:50%;
     color:#222;}
     
    .navi {
     background: #222222;
     color: #555555;
     border-bottom: 1px solid #333;
     font: normal 8pt "helvetica", sans-serif;
     letter-spacing: 3pt;
     margin: 0;
     padding: 8px 5px;
     text-align: right;
     text-transform: uppercase; 
     -webkit-transition-duration:1s; }
     
    .navi:hover {
     -webkit-transition-duration:1s;
     background: #222;
     color: #999999;
     cursor: default;
    border-right:140px solid #333; margin-right: 0px;}
     
    a.label:link, a.label:active, a.label:visited {
    text-decoration: none;  display: block; font: bold 30pt "arial", sans-serif; color: #e4e4e4; text-align: center; padding-bottom: 3px; margin:5px;
     }
    a.label:hover{ 
    color: #A6ACA7;  }
     
    </style></head>
     
    <body>
     
    <div id="rain">
     
    <div class="sky">
    The City That Never Sleeps
    </div>
     
    <div id="content">
    <div id="music">
    <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/3.jpg">
     
    Best viewed in <b>Google Chrome</b>, screen resolution 1280 x 1024.
    Do not put too much content under each header or else some of the content could not be seen.
     
    </div>
    </div>
     
    <div class="navi" style="border-top: none;" onClick="changeNavigation('about')">ABOUT</div>
    <div class="navi" onClick="changeNavigation('affiliates')">AFFILIATES</div>
    <div class="navi" onClick="changeNavigation('archive')">ARCHIVES</div>
    <div class="navi" onClick="changeNavigation('tagboard')">TAGBOARD</div>
     
     
    <div id="sun">
    </div>
     
     
    <div id="about" style="display: none;">
    <div class="clouds">profile</div>
    <div id="music">
     
    <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/1.jpg">
     
    It's best to keep it short and sweet. (:
    </div>
    </div>
     
    <div id="affiliates" style="display: none;">
    <div class="clouds">affiliates</div>
    <div id="music">
     
    <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/5.jpg">
     
    <a href="http://struckbywanderlust.tumblr.com" target="_blank">tumblr</a>
    <a href="http://heartsaloud.livejournal.com" target="_blank">livejournal</a>
    <a href="http://heartsinink.livejournal.com" target="_blank">heartsinink</a>
    <a href="http://twitter.com/heartsaloud" target="_blank">twitter</a>
     
    <div class="clouds">credits</div>
     
    This skin is made by <a href="http://blogskins.com/me/sleepingtoys" target="_blank">sleeping</a><a href="http://about.me/halfway" target="_blank">toys</a>.<br>
    Resources: <a href="http://www.sxc.hu/" target="_blank">1</a>, <a href="http://weheartit.com/entry/2591643" target="_blank">2</a>, 
    <a href="http://weheartit.com/entry/442753" target="_blank">3</a>, <a href="http://weheartit.com/entry/2868529" target="_blank">4</a>,
    <a href="http://weheartit.com/entry/2867826" target="_blank">5</a>
     
    </div>
    </div>
    <div id="archive" style="display: none;">
    <div class="clouds">archives</div>
    <div id="music">
     
    <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/4.jpg">
     
    <td width="235px" valign="top">
       <form name="form1">
       <select style="font-size:8pt;color:#999999;font-family: helvetica;background-color:#333333; border:1px solid #222222; padding: 0px; width: 235px;" onChange="location.href=this.options[this.selectedIndex].value;">
       <option value=''>Archives</option>
       <BloggerArchives>
       <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
       </BloggerArchives>
       </select>
       </form>
       </td>
     
    </div>
    </div>
     
    <div id="tagboard" style="display: none;">
    <div class="clouds">talk</div>
    <div id="music">
     
    <img src="http://i1015.photobucket.com/albums/af277/sleepingtoys/wocky/2.jpg">
     
    Any usable chat widget goes in here.<br>
    A pop-up <a href="http://cbox.ws">cbox</a> is recommended.
    If you do not want a pop-up cbox, its width should not exceed 250px.
     
    </div></div>
    </div>
     
     
    <div id="moon">
    <br><br><br>
    <Blogger>
    <br>
    <table id="post" border="0" cellpadding="0" cellspacing="0">
    <tr>
     
     
    <td id="posts">
     
    <div class="date">posted : <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></div>
    <div class="title">title : <$BlogItemTitle$></div>
    <div id="postbody"><$BlogItemBody$></div>
     
    <td valign="top" width="112">
    <div class="time" align="center"><a class="label" href="#top">
     
     
     <$BlogItemDateTime$> </a>
     
     
    </div></div>
    </td></tr></table>
     
    </Blogger>
    <br><br>
     
    <div id="bottom"></div>
     
    </div>
    </body></html>

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

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

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

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

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

    ความคิดเห็น

    ×