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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    limited.Blogskins ID Dream

    ลำดับตอนที่ #14 : #petulant [สวยมาก!]

    • อัปเดตล่าสุด 6 มิ.ย. 56


    P R E V I E W 

    Skin thumbnail
    #388311 ยังไม่ได้ใส่โค้ดล้างไอดี เอาไปใช้กรุณาเม้นบอกนะคะ
     

     

    <html>
    <head>
    <title>petulant</title>
    <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
    <script>function changeNavigation(id) {document.getElementById('default').innerHTML=document.getElementById(id).innerHTML}</script> 
     
     
    <style type="text/css">
    #navbar-iframe { display: none; }
    #qTip { background: rgba(186, 149, 159, 0.7); padding: 2px 4px; color: #FFF; display: none; font-family: courier new; text-transform: uppercase; ; position: absolute; }
    body { background: #fbfbfb; font-family: arial, sans-serif; font-size: 10px; color: #555; cursor: default; }
    ::moz-selection { background: #555; color: #FFF; }
    ::selection { background: #555; color: #fff; }
    blockquote { border-top: 1px solid rgba(186, 149, 159, 0.5); border-bottom: 1px solid rgba(186, 149, 159, 0.5); padding: 5px; font-family: georgia; font-style: italic; letter-spacing: 1px; }
    i { font-family: georgia; color: #AAA; }
    b { padding: 1px 3px; background: #95BAB0; color: #FFF; font-family: courier new; text-transform: uppercase; }
    li { list-style-image: url(http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/3.gif); }
    li:hover { list-style-image: url(http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/1.gif); }
    .blogger-labels { font-family: georgia; text-transform: lowercase; font-style: italic; background: rgba(149, 186, 176, 0.1); padding: 4px 6px; color: rgba(149, 186, 176, 0); font-size: 0px; text-align: center; }
    .blogger-labels a { font-size: 10px; margin: 0 4px; }
    .blogger-labels a:before { content: '#'; }
    a { color: #95BAB0; text-decoration: none; }
    a:hover { text-decoration: underline; color: #BA959F; }
    #centered { margin: 20 auto; width: 800px; }
    #container { width: 500px; position: absolute; margin-bottom: 10px; }
    #entry { margin-bottom: 20px; background: #FFF; padding: 10px; }
    #entry img { margin-bottom: 4px; }
    .entrytitle { font-family: times new roman; font-size: 20px; text-transform: lowercase; font-style: italic; font-weight: bold; text-decoration: none!important; color: #95BAB0; }
    .entrytitle a:hover { text-decoration: none; }
    .date { padding: 1px; font-family: courier new; text-transform: uppercase; font-size: 10px; border-top: #F5F5F5 1px solid; border-bottom: 1px solid #F5F5F5; margin-bottom: 5px; margin-top: -5px; }
    .date a:hover { text-decoration: none; }
    .pages { margin-bottom: 10px; }
    .pages a { padding: 5px 7px; background: #FFF; }
    .pages a:hover { text-decoration: none; }
     
    #sidebar { margin-left: 520px; top: 50px; width: 240px; position: fixed; }
    img.sideimg { px; width: 240px; opacity: .8; position: relative; }
    .naviboard { background: rgba(255,255,255,1); opacity: 1; filter: alpha(opacity=100); padding: 5px; ; position: relative; margin-bottom: 5px; text-align: center; }
    .navi { padding: 0px 10px; margin-top: 2px; }
    .blurb { background: #fff; padding: 7px; ; position: relative; }
    .networks { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f5f5f5; }
    .networks a { font-family: courier new; font-size: 12px; letter-spacing: -1px; color: #BA959F; padding: 0px 3px; }
    .networks a:hover { text-decoration: none; color: rgba(186, 149, 159, 0.6); padding: 0px 3px; }
    </style></head><body>
    <div id="centered">
    <div id="sidebar"><img class="sideimg" src="http://media.tumblr.com/tumblr_m2rin0vJDS1qfamg6.png">
     
     
    <!--NAVIGATIONS--!>
    <div class="naviboard">
    <a href="/" title="home"><span class="navi"><img src="http://4.bp.blogspot.com/-iZXefUB1zW8/T6TyDjEIjoI/AAAAAAAABf4/yj7crA-WESs/s1600/1335651555_home.gif"></span></a>
    <a title="profile"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"><img src="http://4.bp.blogspot.com/-9NpfETnaUQ0/T6TyG-zc4mI/AAAAAAAABgU/OamaHUVheN8/s1600/1335651577_edit.gif"></span></a>
    <a title="tagboard"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML"><img src="http://1.bp.blogspot.com/-lhUroLUUpIY/T6TyKhC3E5I/AAAAAAAABhA/vnJRa6oKsJs/s1600/1335651593_comment.gif"></span></a>
    <a title="archives"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('archive').innerHTML"><img src="http://2.bp.blogspot.com/-wmMZ5SdRqYA/T6TyOb60FyI/AAAAAAAABhk/MdwK1tvqwbk/s1600/1335651651_calday.gif"></span></a>
    <a title="links"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML"><img src="http://1.bp.blogspot.com/-b88RXBMiS88/T6TyHkFohII/AAAAAAAABgc/A9gNaDjM_vs/s1600/1335651580_heart.gif"></span></a>
    <a title="credits"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('creds').innerHTML"><img src="http://2.bp.blogspot.com/-GQB_Q6HQjXc/T4_WHClkBVI/AAAAAAAABGs/IaIyytX_MhA/s1600/computer.png"></span></a>
    <a href="http://www.blogger.com/follow-blog.g?blogID=<$blogID$>" target="_blank" title="follow!"><span class="navi"><img src="http://4.bp.blogspot.com/-hIskjEMWJ64/T6TyISkhCaI/AAAAAAAABgk/0YXarIan3mQ/s1600/1335651583_add.gif"></span></a>
    </div>
    <!---END NAVIGATIONS--!>
     
    <!---THE REAL SIDEBAR--!>
    <div id="main">
    </div>
     
    <div id="profile" style="display: none;">
    <div class="blurb">
    hello i'm *brainy* the dragon egg and i have lots of brains. i like to eat egg shells and human eyeballs :) nice to meet you. your profile here</div></div>
     
    <div id="tag" style="display: none">
    <div class="blurb">
    your tagboard code here. width is 240px. height .... well it's up to you but just not too long cos this section is fixed.</div></div>
     
    <div id="archive" style="display: none">
    <div class="blurb">
    <span style="font-family: courier new;">RECENT POSTS:</span><BloggerPreviousItems><li>
    <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a>
    </BloggerPreviousItems>
    <br><br>
    <span style="font-family: courier new;">MONTHLY ARCHIVES:</span>
    <BloggerArchives><li>
    <a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a>
    </BloggerArchives>
    </div></div>
     
    <div id="links" style="display: none">
    <div class="blurb">
    <div class="networks">
    <center><a href="http://tumblr.com" target="_blank">tumblr</a> <a href="http://blogspot.com" target="_blank">blogger</a> <a href="http://twitter.com" target="_blank">twitter</a></center>
    </div>
    <a href="/" target="_blank">affies</a> <a href="/">and</a> <a href="/" target="_blank">friends</a> <a href="/">here</a> <a href="/">tum</a> <a href="/" target="_blank">te</a> <a href="/">tum</a> <a href="/">tralala</a>
    </div></div>
     
    <div id="creds" style="display: none">
    <div class="blurb">
    'petulant' is handcoded by <a title="florals" href="http://blogskins.com/me/florals" target="_blank">florals</a> with images from <a href="http://tumblr.com">tumblr</a> <a href="http://fourteenroses.tumblr.com" target="_blank">xxx</a>
    </div></div></div>
     
    <!--END THE REAL SIDEBAR--!>
     
     
    <div id="container">
    <Blogger><div id="entry">
    <BlogItemTitle><div class="entrytitle"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></div><div class="date"> <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$>&nbsp;<BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>" title="comment"><$BlogItemCommentCount$> stares</a></BlogItemCommentsEnabled></div></BlogItemTitle>
    <BlogItemBody><$BlogItemBody$></BlogItemBody>
    </div></Blogger>
     
    <div class="pages"><OlderPosts><a href="<$OlderPosts$>">⇐ older</a></OlderPosts><NewerPosts><span style="float: right;"><a href="<$NewerPosts$>">newer ⇒</a></span></NewerPosts></div>
    </div>
    </div>
    </body>
    </html>


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

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

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

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

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

    ความคิดเห็น

    ×