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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #85 : BlogSkins . VERSUS

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

    BlogSkins . VERSUS

    Skin screenshot

     
    <html> 
    <head>
    <base target='_blank'/>
    <script type="text/javascript"> 
    document.ondragstart = function () { return false; }; </script> 
    <link href='http://fonts.googleapis.com/css?family=Trebuchet+MS' rel='stylesheet' type='text/css'>
    <title>V E R S U S</title>
    <link rel="shortcut icon" href="http://i.imgur.com/KIdJL.png">
    <style type="text/css"> 
    #navbar-iframe {
    display: none;
    }
    .bap {
    margin-left: 0px;
    margin-bottom: -29px;
    }
    body {
    color:grey;
    background: url(http://i.imgur.com/EmA7d.png);
    background-attachment:fixed;
    cursor: url(http://i.imgur.com/WLmTo.png), progress;
    font-family: Trebuchet MS;
    letter-spacing: 1px;
    line-height: 15px
    font-size: 12px;
    }
    a:link, a:visited {
    color:#BDBDBD;
    text-decoration: none;
    cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
    }
    a:hover{
    cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
    color: #aaa;
    text-decoration: none;
    }
    ::-webkit-scrollbar {
    width: 8px;
    height: 5px;
    }
    ::-webkit-scrollbar-track-piece {
    background-color: #ECE9EC;
    border: 3px solid #fff;
    }
    ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
    background-color: #ECE9EC;
    border: 1px solid #fff;
    }
    .tit {
    margin-top: 7px;
    margin-bottom: 3px;
    margin-left: 1px;
    margin-right: 1px;
    color:#2E2E2E;
    letter-spacing:2px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    font: 12px 'consolas'; 
    line-height:18px;
    text-align: center;
    border-bottom: 1px solid #ECE9EC;
    }
    ::selection {
    background-color: #ECE9EC;
    color: #000000;
    }
    ::-moz-selection {
    background-color: #ECE9EC;
    color: #000000;
    }
     
    .com {
    font-family: verdana;
    letter-spacing: 1px;
    line-height: 15px
    font-size: 11px;
    line-height:15px;
    color: grey;
    text-align: right;
    border-top: 1px solid #eee;
    }
    blockquote{
    border-bottom: 2px solid #f1f1f1;
    border-top:1px solid #f1f1f1;
    border-left:2px solid #f1f1f1;
    border-right:1px solid #f1f1f1;
    padding: 5px;
    color: #aaa;
    line-height: 13pt;
    margin: 0px 0px 0px 5px;
    -webkit-transition:3s;
    }
    @font-face{font-family:pixel;src:url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf)}
    a.chingu {
    font-family: pixel;
    font-size:8px;
    background:#f9f9f9;
    border:1px solid #efefef;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#888;
    width:90px;
    padding:3px;
    margin:2px;
    text-align:center;
    display:inline-block;
    -webkit-transition: .2s;
    cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;
    }
     
    a.chingu:hover {
    color:#888;
    cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur),auto;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    }
    u {
    text-decoration:none;
    color:#616161;
    line-height: 10px;
    border-bottom: 2px solid #BDBDBD;
    -webkit-transition: 1s;
    }
    u:hover {
    border-bottom: 3px solid #BDBDBD;
    }
    b { 
    color: #BDBDBD;
    font-family: tahoma;
    font-weight: bold; 
    }
    strike {
    text-decoration: line through;
    color:#aaa;
    -webkit-transition: .5s;
    }
    a.navi{
    padding:5px;
    text-decoration:none;
    font-family:tahoma;
    font-size:10px;
    text-transform:uppercase;
    color: #aaa;
    text-align:center;
    width:70px;
    background: #efefef;
    display:inline-block;
    -webkit-transition: 2.0s;
    -moz-transition: 2.0s;
    -moz-box-shadow:inset 200px 0px 0px #efefef;
    -webkit-box-shadow:inset 200px 0px 0px #fff;
    box-shadow:inset 200px 0px 0px #efefef;
    }
    a.navi:hover{
    color: #fff;
    -webkit-transition: 2.0s;
    -moz-transition: 2.0s;
    padding-left : 5px;
    -moz-box-shadow:inset -100px 0px -200px -0.5px #aaa;
    -webkit-box-shadow:inset -100px 0px -200px -0.5px #fff;
    box-shadow:inset -100px 0px 0px -0.5px #aaa;
    }
    </style>
    <script type="text/javascript" language="javascript" charset="euc-jp" src="http://www.hapinemu.net/fobp/bp092/bp092.js"></script><p><a href="http://www.hapinemu.net/blogparts/"></p>
    </head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type='text/javascript' language='Javascript'> 
    var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
    controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="http://i.imgur.com/Q13FB.gif"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
    if (!this.cssfixedsupport) //if control is positioned using JavaScript
    this.$control.css({opacity:0}) //hide control immediately after clicking it
    var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
    if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
    dest=jQuery('#'+dest).offset().top
    else
    dest=0
    this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
    var $window=jQuery(window)
    var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
    var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
    this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
    var scrolltop=jQuery(window).scrollTop()
    if (!this.cssfixedsupport)
    this.keepfixed()
    this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
    if (this.state.shouldvisible && !this.state.isvisible){
    this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
    this.state.isvisible=true
    }
    else if (this.state.shouldvisible==false && this.state.isvisible){
    this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
    this.state.isvisible=false
    }
    },
    init:function(){
    jQuery(document).ready(function($){
    var mainobj=scrolltotop
    var iebrws=document.all
    mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
    mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
    mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
    .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
    .attr({title:'Flying Seoul'})
    .click(function(){mainobj.scrollup(); return false})
    .appendTo('body')
    if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
    mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
    mainobj.togglecontrol()
    $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
    mainobj.scrollup()
    return false
    })
    $(window).bind('scroll resize', function(e){
    mainobj.togglecontrol()
    })
    })
    }
    }
    scrolltotop.init()
    </script>
    <center>
    <div style="background-image:url(http://bglabs.evade.netdna-cdn.com/45875kli90/13.gif);width:900px;border-radius: 0px 0px 0px 0px;padding:10px;margin-top:15px;">
    <center>
    <img class="bap" src="http://i.imgur.com/hwfYi.gif" />
    <center><br>
    <div style="background: #FFFFFF;"/> 
    <br>
    <a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Entries</a> 
    <a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a> 
    <a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Linkies</a> 
    <a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">Stuff</a>
    <a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('bias').innerHTML" title="">BIASES</a>
    <a class="navi" href="http://www.facebook.com/AtinTorysBlog?ref=hl">FACEBOOK</a>
    <a class="navi" href="https://twitter.com">TWITTER</a>
    <a class="navi" href="http://ask.fm/AtinFatin">ASK.FM</a>
    <a class="navi" href="http://www.blogger.com/follow-blog.g?blogID=4949628771204580317">FOLLOW</a>
    <a class="navi" href="http://www.blogger.com/home">DASHBOARD</a>
    </div>
     
    <table style="font-size: 11px; 
    background: #FFFFFF;
    border-radius:0; 
    color:grey; line-height: 17px; background:white; border-radius:0px;" width="900" align="center" border="0" cellspacing="8">
    <tbody>
    <tr> 
    <td valign="top" style="line-height:16px; letter-font-size:11px; width:118px; padding-right:10px;">
    <div class="tit">The owner</div> 
    <br> 
    <div style="text-align: center;"> 
    <center><img height="180" src="http://data.whicdn.com/images/48395818/tumblr_mfjwcx5NGE1rk8efvo1_500_thumb.jpg" width="248" /></center></div> <br>
    <div style="text-align: center;"> 
    Annyeonghaseyo . Imma <b>Atin Tory</b> . This is my 3th skin . Thank you for stepping by. Do not remove the credit .
    <br>
    <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAtinTorys-Blog%2F469196396471064%3Fref%3Dhl&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=true&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
    </center>
    <br> 
    <br>
    <div class="tit">Tagbord</div><br>
    <center>
    <!-- Start FreeOnlineUsers.com -->
    <a href="http://www.freeonlineusers.com">
    <font color=BDBDBD><script type="text/javascript" src="http://st2.freeonlineusers.com/on4.php?id=931360"> </script>19 Baby Visit</font></a><!-- End FreeOnlineUsers.com -->
    <br><br>
    <center>YOUR CBOX CODE HERE !
    <br> 
    <br>
    <div class="tit">Old Entries</div><br>
    <center>
    <div style="border:1px solid #fff;background:#fff; width:260px; overflow-x:hidden; overflow-y:scroll;padding:5px; height:120px;text-align:left; ">
    <bloggerpreviousitems>
    <li><a href="<$BlogItemPermalinkURL$>">
    <$BlogPreviousItemTitle$></li>
    </a>
    </BloggerPreviousItems>
    </div>
    <br> 
    <br>
    <div class="tit">Credits</div><br>
    <center><img height="170" src="http://data.whicdn.com/images/48356477/tumblr_mfhzi2YwnS1rimo5co1_400_large.gif" width="248" /> </div>
    <center>
    Template 99% by <a href="http://fatinhalid.blogspot.com">Atin</a><a href="http://www.blogskins.com/me/atintory">Tory</a> .<br>
    Thanks too by <a href="http://weheartit.com/">B</a> 
    <a href="http://www.backgroundlabs.com/">A</a>
    <a href="http://le-fakesmile.blogspot.com/">P</a>.<br><br>
     
    <td valign="top" style="width:500px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:11px; padding-left:22px;"> 
    <div id="entry"> 
     
    <blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>
    <$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></div><br><br>
    <a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
    <a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
    <br></blogger><br>
    </div> 
     
    <div id="about" style="display: none;"> 
    <div class="tit">I'm The Owner</div><br>
    <center><img src="http://data.whicdn.com/images/48157337/tumblr_mg388tLFcI1s0eydxo1_500_large.gif"></center><br>
    <br>
    <center> Put your Biography here. </center>
    <br>
    <div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
    <b>Name :</b> Nur Fatin BT Mohd Halid<br />
    <b>Nickname :</b> Atin (아틴) @ vip <br />
    <b>Korean Name :</b> Park Min Rin (박민린)<br />
    <br />
    <b>Born in the date of :</b> 20 March 1995<br />
    <b>Place of birth :</b> Hospital Kuala Lumpur<br />
    <b>Stay :</b> Batu Pahat , JOHOR<br />
    <b>Hometown :</b> Perak<br />
    <br />
    <b>Hobby :</b> Listen the K-pop Music <br />
    <b>Ambition :</b> Luiding Travelers</b> <br />
    <br />
    <b>Love / Favorites:</b> <br />
    <b>Hate / Antis :</b><br />
    <br /><br />
    <div id="diary" style="display: none;">
    <blogger><div class="tit"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><br>
    <$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></div><br><br>
    <a style="float:left;" href=<$NewerPosts$>><div class="newer"><span>←</span> Newer Post</div></a>
    <a style="float:right;" href=<$OlderPosts$>><div class="older" >Older Post <span>→</span></div></a>
    <br></blogger><br>
    </div> 
    <div id="stuff" style="display: none;"> 
    <div class="tit"> Tutorial and Freebies</div><br>
    <center><img src="http://data.whicdn.com/images/48165460/tumblr_m0aozlvzHD1r46afuo1_500_large.png"><br>
    <br>
    <center> Put your stuff here </center>
    </div>
    <div id="link" style="display: none;"> 
    <div class="tit"> Exchanges Link.</div><br>
    <center><img src="http://data.whicdn.com/images/48357658/tumblr_lzufn8DVIt1rotfjyo1_r1_500_large.png"></center><br>
    <br>
    <br>
    <a target="_blank" class="chingu" href="http://fatinhalid.blogspot.com/"> AtinVIP</a> 
    <a target="_blank" class="chingu" href="http://blogspot.com/">Next</a>
    <a target="_blank" class="chingu" href="http://blogspot.com/">Next</a> 
    <a target="_blank" class="chingu" href="http://blogspot.com/">Next</a> 
    <a target="_blank" class="chingu" href="http://blogspot.com/">Next</a> 
    <a target="_blank" class="chingu" href="http://blogspot.com/">Next</a> 
    <a target="_blank" class="chingu" href="http://blogspot.com/">Next</a> 
    <a target="_blank" class="chingu" href="http://blogspot.com/">Next</a> 
    <a target="_blank" class="chingu" href="http://blogspot.com/">Next</a> 
    <a target="_blank" class="chingu" href="http://blogspot.com/">Next</a> 
    </div></div></div>
    <div id="bias" style="display: none;"> 
    <div class="tit"> Ma Bias</div><br>
    <style type="text/css">
    .iconborder {
    background: #eee;
    width: 100px;
    padding: 10px;
    }
    .icon {
    width: 90px;
    margin-right: 5px;
    background: #eee;
    padding: 5px;
    }
    .name {
    color: #aaa;
    background: #eee;
    text-transform: uppercase;
    font-size: 9px;
    margin-top: -5px;
    width: 96px;
    text-align: center;
    padding: 2px;
    }
    </style><br>
    <center>
    <table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="8">
    <tr>
    <td><img class="icon" src="http://i1173.photobucket.com/albums/r598/4442252/e__e/673-1.png"><div class="name">NAME</div></td>
    <td><img class="icon" src="http://i1173.photobucket.com/albums/r598/4442252/e__e/673-1.png"><div class="name">NAME</div></td>
    <td><img class="icon" src="http://i1173.photobucket.com/albums/r598/4442252/e__e/673-1.png"><div class="name">NAME</div></td>
    <td><img class="icon" src="http://i1173.photobucket.com/albums/r598/4442252/e__e/673-1.png"><div class="name">NAME</div></td>
    </tr>
    <td><img class="icon" src="http://i1173.photobucket.com/albums/r598/4442252/e__e/673-1.png"><div class="name">NAME</div></td>
    <td><img class="icon" src="http://i1173.photobucket.com/albums/r598/4442252/e__e/673-1.png"><div class="name">NAME</div></td>
    <td><img class="icon" src="http://i1173.photobucket.com/albums/r598/4442252/e__e/673-1.png"><div class="name">NAME</div></td>
    <td><img class="icon" src="http://i1173.photobucket.com/albums/r598/4442252/e__e/673-1.png"><div class="name">NAME</div></td>
    </tr>
    </table>
    <br>
    </body> 
    </html>
    © Tenpoints!
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×