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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #61 : BlogSkins . Life is AWESOME

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 147
      0
      17 มี.ค. 56

    BlogSkins . Life is AWESOME

    Skin screenshot

     
    <html>
    <head>
    <br><br>
    <br/><br/><center><img src="http://i1119.photobucket.com/albums/k636/ashumaira/GH.png" /></center>
    <center><a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="About">Owner</a>
    <a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies"> Link </a>
    <a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="Posts">Tales</a>
    <br/>
     
    <title>Life is AWESOME</title>
    <link rel="shortcut icon" href="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic008demoji_15701325decoojp.gif" />
    <style type="text/css">
    #navbar-iframe {display: none;}
    body {
    background:url(http://i45.tinypic.com/dhcqja.jpg);
    font-family: arial;
    font-size: 16px;
    cursor: url(http://www.drikoti.net/Goodies/Cursor/News/Gifs/04.gif), auto;
    }
    ::-moz-selection {
    background:transparent;
    color:#5F4C0B;
    }
    ::selection {
    background:transparent;
    color:#5F4C0B;
    }
    a:link ,a:visited {
    color:#886A08;
    text-decoration:none;
    }
    a:hover {
    color: #000000;
    border-bottom:1px dashed #c0c0c0;
    }
     
    img:hover {
    filter:alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:.80;
     
    }
    .content {
    background:#ffffff;
    color:#666666;
    font-size: 17px;
    padding:14px;
    width:600px;
    border-radius:10px;
    text-align:justify;
    }
    .bar {
    background: #ffffff;
    color: #000000;
    font-size: 11px;
    padding: 8px;
    width: 230px;
    border-radius: 15px;
    text-align: justify;
    }
    .main-title {
        margin: 5px;
    padding: 6px;
    font-size: 170%;
    font-family: smiley monster;
    font-color: #666666;
    line-height: 0.4em;
    text-align: center;
    background: #F6E3CE;
    border-radius: 5px;
    padding: 0.1px;
     
    }
    .sec-title {
    color: #000000;
    font-style:italic;
    font-size:10px;
    margin-bottom:2em;
    }
    blockquote {
    background: #F5ECCE;
    border:1px dotted #886A08;
    padding: 5px;
    }
    blockquote:hover {
    background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic008demoji_15701325decoojp.gif);
    background-position:bottom right;
    border:2px solid #886A08;
    background-repeat:no-repeat;
    }
     
    a.cute {
    background: #886A08;
    font-family: calibri;
    font-size: 15px;
    color: #FFFFFF;
    padding: 8px;
    border: 2px solid #F5ECCE;
    border-radius: 6px;
     
    }
     
    u {
    text-decoration:none;
    background: #FFB2D2;
    -webkit-transition-duration: 2s;
    color: #FFFFFF;
    -moz-border-radius: 3px;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
    border-radius: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    }
    u:hover {
    text-decoration:none;
    background: #FFFFFF;
    -webkit-transition-duration: 2s;
    color: #FFB2D2;
    -moz-border-radius: 3px;
    filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
    border-radius: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    }
    </style>
    <body oncontextmenu='return false;'><br>
    <table style="line-height: 17px;" width="900"  border="0" align="center" cellspacing="5">
    <tbody><tr>
    <td valign="top" style="width:600px; padding:10px; border-radius:15px; background:#ffffff; font-size:12px;">
    <div id="content">
    <blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> wink</a></BlogItemCommentsEnabled></div>
    <$blogitembody$></blogger><br>
    <center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
    </div>
    </td>
    <td valign="top" width="230px">
    <div class="bar">
    <div class="main-title">rawrr!</div>
    <center><img src="http://i1119.photobucket.com/albums/k636/ashumaira/424013_324879807559318_287543077959658_897136_1460250910_n_large.jpg" style="height:140px; width: 200px;"></center>
    Hello, welcome to my blog. No annoyed words here okay. Hater? Go away! I don't need you at all.
    <br>
    </div>
    <br>
     
    <div class="bar">
    <div class="main-title">Walkie Talkie</div>
    Place Shoutmix here :D<br>
    Width : 200</div>
    <br>
    <div class="bar">
    <div class="main-title">Big Thanks</div>
    Skin By <a href="http://acqeen.blogspot.com/">Cikin</a><br>
    Edited By <a href="http://blogger.com/">Your name goes here.</a></div>
    </td>
    <div id="me" style="display:none;">
    <div class="main-title">The Narrator</div><br>
    <center><img src="http://i1119.photobucket.com/albums/k636/ashumaira/tumblr_m0jzm910Ko1qad2wmo1_500_large.jpg"><center><br>
    Hi peeps! I'm Cikin and blablabla . Put your words here
    <br/> I'm not a copycat okay! Sorry if my skin looks like your skin.
    </div>
    <div id="love" style="display:none;">
    <div class="main-title">Linkies</div><br>
    <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - <a href="blogger.com"/>Friends</a> - Who's next???
    </div>
     
    <div id="you" style="display:none;">
    <blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> wink</a></BlogItemCommentsEnabled></div>
    <$blogitembody$></blogger><br>
    <center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
    </table></body></head>
    </html>
    © Tenpoints!
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×