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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    ห้องเก็บของ ♥ VI

    ลำดับตอนที่ #2 : ID:BLOGSKIN(1)

    • อัปเดตล่าสุด 8 พ.ย. 54


     ไอดีดรีมจากบล็อกสกิน ไม่ได้ใช้แล้วเลยเอามาแจกค่ะ แต่ต้องใส่โค้ดล้างไอดีก่อนนะคะ ไม่ได้ใส่ไว้ให้

     



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <title>009 Simply Sweet</title>
    </head>

    <style type="text/css">
    body {text-align:center; background-image:url(http://i725.photobucket.com/albums/ww256/Yours-Tragically/stripe.png); background-color:#fff; font-size:11px; color:#999; font-family:tahoma; margin:0px;}
    #navbar-iframe {height:0px; visibility:hidden; display:none;}
    #top {margin:0 auto 0 auto; padding:0px; width:100%; overflow:hidden;}
    #navigation {margin-left:auto; margin-right:auto; margin-top:50px; width:720px; overflow:hidden;}
    .nav {width:80px; float:right; height:auto; margin-left:10px; margin-bottom:-2px; padding-top:10px; padding-bottom:10px; background-color:#fff; display:inline-block; color:#aaa; font-family:arial; font-size:11px; letter-spacing:1px; text-transform:uppercase; text-align:center; cursor:pointer; border:1px solid #eaeaea;}
    .nav:hover {background-color:#fcfcfc; color:#ffb9ca;}
    #main {margin-left:auto; margin-right:auto; margin-bottom:50px; padding-bottom:20px; width:718px; height:auto; overflow:hidden; border:1px solid #eaeaea; background-color:#f5f5f5; background-image:url(http://i32.tinypic.com/mky6c5.jpg);}
    #text {margin-top:20px; margin-bottom:0px; margin-left:auto; margin-right:auto; width:674px; height:auto; overflow:hidden; background-color:#fff1f3; border:1px solid #e5e5e5;}
    #holder {float:right; width:508px; height:auto; text-align:justify; border-left:1px solid #eaeaea;}
    .displaypic {float:left; width:auto; height:auto; overflow:hidden; padding:20px;}
    .big {color:#f9b3bd; text-align:left; font-family:georgia; font-size:28px; letter-spacing:-1px; font-style:italic; margin-bottom:10px; margin-top:3px;}
    .big:first-letter {color:#e19aa5;}
    .small {color:#dccacf; text-align:right; font-family:georgia; font-size:17px; font-style:italic; border-bottom:3px solid #f5f5f5; padding-bottom:2px;}
    .small:first-letter {color:#cbbdc1;}
    a:link {color:#ddd; text-decoration:none; font-weight:bold;}
    a:visited {color:#ddd; text-decoration:none; font-weight:bold;}
    a:hover {color:#ffc2d5; text-decoration:none; font-weight:bold;}
    blockquote {padding:10px; border:2px solid #f6f2f1; background-color:#faf7f6;}
    li, ul, ol {list-style-position:inside; margin:0px; padding:0px;}
    .btext {padding-left:15px; padding-right:15px; padding-bottom:15px; padding-top:10px; min-height:139px; background-color:#FFF;}
    .btext img {background-color:#fafafa; padding:10px; border-bottom:1px solid #e0e0e0; border-right:1px solid #eee;}
    .displaypic img {background-color:#fff; padding:10px; border:2px solid #ffe3ea;}
    b {color:#e19aa5;}
    </style>

    <body>

    <div id="top">
    <div id="navigation">
    <span class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('misc').innerHTML">Misc</span>
    <span class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('archives').innerHTML">Archives</span>
    <span class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML">Links</span>
    <span class="nav" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">ABOUT</span></div>
    </div>

    <div id="profile" style="visibility: hidden; width: 0px; height: 0px; position: absolute; left:0px; top:0px; overflow:auto;">
    <div id="text">
    <div id="pic">
    <div class="displaypic">
    <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/pic-1.png">
    </div>
    </div>
    <div id="holder">
    <div class="btext">
    <div class="small">About Me</div>
    <div class="big">Profile</div>
    ใส่ประวัติ
    </div>
    </div>
    </div>

    <div id="links" style="visibility: hidden; width: 0px; height: 0px; position: absolute; left:0px; top:0px; overflow:auto;">
    <div id="text">
    <div id="pic">
    <div class="displaypic">
    <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/319.png">
    </div>
    </div>
    <div id="holder">
    <div class="btext">
    <div class="small">GO TO....</div>
    <div class="big">Links</div>
    <a href="ใส่ลิงค์OMSGค่ะ">OMSG</a>
    </br>
    </br>
    <a href="ใส่ลิงค์นิยาย">WRITER</a>
    </br>
    </br>
    <a href="ใส่ลิงค์บล็อก">BLOG</a>
    </br>
    </br>
    <a href="ใส่ลิงค์หน้าเพื่อนของเรา">MY FRRIENDS</a>
    <br><br><br>
    </div>
    </div>
    </div>
    </div>

    <div id="misc" style="visibility: hidden; width: 0px; height: 0px; position: absolute; left:0px; top:0px; overflow:auto;">
    <div id="text">
    <div id="pic">
    <div class="displaypic">
    <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/111.png">
    </div>
    </div>
    <div id="holder">
    <div class="btext">
    <div class="small">Leave A Message</div>
    <div class="big">Tagboard</div>
    coming soon....
    </div>
    </div>
    </div>
    </div>

    <div id="archives" style="visibility: hidden; width: 5px; height: 5px; position: absolute; left:0px; top:0px; overflow:auto;">
    <div id="text">
    <div id="pic">
    <div class="displaypic">
    <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Picture18.png">
    </div>
    </div>
    <div id="holder">
    <div class="btext">
    <div class="small">Back To The Past</div>
    <div class="big">Archives</div>
    <BloggerArchives>
    /*ใส่ลิงค์ที่ชอบ

    </BloggerArchives>
    </div>
    </div>
    </div>
    </div>

    <div id="blog" style="visibility: hidden; width: 5px; height: 5px; position: absolute; left:0px; top:0px; overflow:auto;">
    <Blogger>
    <div id="text">
    <div class="displaypic">
    <script type="text/javascript">
    var image=new Array()

    image[0]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Picture109.png">'
    image[1]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/AD-15.png">'
    image[2]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/228.png">'
    image[3]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj363.png">'
    image[4]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj713.png">'
    image[5]='<img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj630.png">'

    var random=Math.floor(Math.random()*(image.length))

    </script>
    </div>
    <div id="holder">
    <div class="btext">
    <div class="small"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>  <span style="color:#c4c4c4; font-size:12px;"><$BlogItemDateTime$></span></div>
    <div class="big"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <$BlogItemBody$>
    </div>
    </div>
    </div>
    </Blogger>
    </div>
    </div>

    <div id="main">
    <div id="text">
    <div class="btext" style="border:0px;">
    <div class="big" style="text-align:center">Welcome to My ID</div>
    <br>
    <center><img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj713.png">  
    <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Picture109.png">  
    <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/220.png">  
    <img src="http://i725.photobucket.com/albums/ww256/Yours-Tragically/Sellj363.png"></center>
    <br>
    </div>
    </div>
    </div>

    </body>
    </html>







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

     

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

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

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

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

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

    ความคิดเห็น

    ×