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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #3 : บล็อกสกิล#1: [03] Rock Them

    • อัปเดตล่าสุด 8 ก.ค. 55


    Skin thumbnail

    ดูตัวอย่างภาพคลิกที่ภาพ

    โค้ด


    <head><title>Rock Them</title>
    <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lu2dd4ocjj1qfoi4t.gif">
    <script type="text/javascript">    
    //form tags to omit in NS6+:
    var omitformtags=["input", "textarea", "select"]
    omitformtags=omitformtags.join("|")
    function disableselect(e){
    if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
    return false
    }
    function reEnable(){
    return true
    }
    if (typeof document.onselectstart!="undefined")
    document.onselectstart=new Function ("return false")
    else{
    document.onmousedown=disableselect
    document.onmouseup=reEnable
    }
    </script>
    </head>
    <style txpe="text/css">
    #navbar-iframe{display: none;height: 0;}
    body {background:#fafafa;color: #878786;text-align: justify;cursor:ne-resize ;}
    a {color: #48cad7;text-transform: normal;text-decoration: none;-webkit-transition:.6s;-moz-transition:.6s;}
    a:hover {color:#000;background-color:#F1F2EE;cursor:vertical-text;-webkit-transition: .5s;-moz-transition: .5s;}
    img {background: #ffffff;cursor:move;padding: 4px; border: 1px solid #eee; filter: alpha(opacity=80); opacity: .8;-webkit-transition: .5s;-moz-transition: .5s;}
    img:hover {filter: alpha(opacity=100); opacity: 1.0;-webkit-transition: .5s;-moz-transition: .5s;}
    blockquote {background:#fafafa;cursor:text;font: italic 10px arial;padding:8px;border:1px solid #eee;filter: alpha(opacity=80); opacity: .8;-webkit-transition: .5s;-moz-transition: .5s;}
    blockquote:hover {font: normal 10px arial;filter: alpha(opacity=100); opacity: 1.0;-webkit-transition: .5s;-moz-transition: .5s;}
    b, strong {color: #20b1cc;font-family: trebuchet ms;text-transform:uppercase;letter-spacing: 3px;}
    u {color:#20b1cc;font-family: trebuchet ms;text-decoration: none;border-bottom: 1px dashed #DEDCDE;-webkit-transition-duration:.4s; -moz-transition-duration:.4s;}
    u:hover {color:#DEDCDE;border-bottom: 1px dashed #20b1cc;-webkit-transition-duration:.4s; -moz-transition-duration:.4s;}
    strike {color: #20b1cc;text-decoration: line-through;-webkit-transition-duration:.4s; -moz,transition-duration:.4s;}
    i{color: #20b1cc;text-decoration: italic;}

    .newer-older{display:inline-block;background:#fff; font:normal 9px 'trebuchet ms';text-transform:uppercase;letter-spacing:1px;padding:5px;border:1px solid #eee;}
    .affies {background: #fafafa;color:#20b1cc;width:70px;font:normal 9px 'Trebuchet MS';text-transform: lowercase;letter-spacing: 1px; padding:2px; margin-bottom:4px;border: 1px solid #eee;filter: alpha(opacity = 60);opacity:.6;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    .affies:hover {color:#000;filter: alpha(opacity = 100);opacity:1.0;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    .navi {background: #ffffff;color:#000;width:80px;font:normal 9px 'Trebuchet MS';text-transform: lowercase;letter-spacing: 1px; padding:3px; margin-bottom:4px;border: 1px solid #eee;border-right: 4px solid #48cad7;filter: alpha(opacity = 50);opacity:.5;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    .navi:hover {font-size:10px;width:90px;border-right: 6px solid #f2f2ef;filter: alpha(opacity = 100);opacity:1.0;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    #box{background:#fff; font-family: arial; font-size: 10px;width:476px;height:112px;padding:12px;margin-top:-429px;margin-left:17px;filter: alpha(opacity=0);opacity:.0;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    #box:hover{ filter: alpha(opacity=90);opacity:.9;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    #box2{background:#fff;font-family: arial; font-size: 10px;width:476px;height:114px;padding:12px;margin-left:17px; filter: alpha(opacity=0);opacity:.0;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    #box2:hover{ filter: alpha(opacity=90);opacity:.9;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    #box3{background:#fff; font-family: arial; font-size: 10px;width:476px;height:114px;padding:12px;margin-left:17px; filter: alpha(opacity=0);opacity:.0;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    #box3:hover{ filter: alpha(opacity=90);opacity:.9;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    .inside-box{  font-family: arial; font-size: 10px;width:345px;height:79px;overflow:auto;overflow-x:hidden;}
    .main{background:#ffffff;font: normal 10px arial; text-align:left; width:500px;height:auto;padding: 12px;border:1px solid #E6E6E6;filter: alpha(opacity = 90);opacity:.9;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    .main:hover .date{opacity:1;}

    .date{background:#eee;text-align:center;opacity:0;-webkit-transition-duration:2s; -moz-transition-duration: 2s;}
    .h1 {color:#999;font:italic 30px 'georgia';letter-spacing:4px;text-transform:lowercase;-webkit-transition-duration:2s; -moz-transition-duration: 2s;}
    .h1:hover {color:#000;-webkit-transition-duration:2s; -moz-transition-duration: 2s;}
    h2{color:#eee;font:italic 45px 'georgia';text-align:right;margin-top:-20px;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
    h2:hover{color:#BABABA;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}

    ::-webkit-scrollbar {background: #fafafa;width: 10px;  }
    ::-webkit-scrollbar-thumb {background:#000;width: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
    .blogger-labels {color: #000;padding: 5px;border-top: 1px solid #eee}
    .tr-caption{display:inline-block;background:#fafafa;font: normal 10px arial;padding:6px;margin-top:4px;border:1px solid #eee;filter: alpha(opacity=80); opacity: .8;-webkit-transition: .5s;-moz-transition: .5s;}
    .tr-caption:hover{color:#000;filter: alpha(opacity=100); opacity: 1.0;-webkit-transition: .5s;-moz-transition: .5s;}
    ul{list-style-type:katakana-iroha;}

    .header-box{background: url(http://25.media.tumblr.com/tumblr_ls0w5txuft1r3vazto3_400.png) repeat;width:auto;height:auto;padding:12px;box-shadow: 5px 5px 3px #eee;}
    </style>

    <body oncontextmenu='return false;' onkeydown='return false;' onselectstart="return false" ondragstart='return false;' ><script type="text/javascript">
        function setAttributeOnload(object, attribute, val) {
          if(window.addEventListener) {
            window.addEventListener("load",
              function(){ object[attribute] = val; }, false);
          } else {
            window.attachEvent('onload', function(){ object[attribute] = val; });
          }
        }
      </script>
    <center>
    <table cellpadding="0"><tr>
    <td valign="top">
    <div class="header-box">
    <center>
    <img src="http://data.whicdn.com/images/27562017/tumblr_m2xcekAl361qei4iao1_500_large.png"><br>
    </div></center>
    <div id="box">
    <table cellpadding="3"><tr>
    <td valign="top" style="width:100px;">
    <img src="http://i737.photobucket.com/albums/xx16/sekaryoshioka/icon1.png"></td>
    <td valign="top">
    <div class="inside-box">
    <table cellpadding="2"><tr>
    <td valign="top">
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a></td>
    <td valign="top">
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a></td>
    <td valign="top">
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a></td>
    <td valign="top">
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a>
    <a href=""><div class="affies"> you? </div></a></td></tr></table>
    </div>
    <h2>affiliates</h2></td></tr></table></div>
    <div id="box2">
    <table cellpadding="3"><tr>
    <td valign="top" style="width:100px;">
    <img src="http://i737.photobucket.com/albums/xx16/sekaryoshioka/icon2-1.png"></td>
    <td valign="top">
    <div class="inside-box">
    <u>Eibisidi</u> . ABCD bloodtype. March 12th, 1997,Indonesia. I'm a vegetarian monster. I proud become a masochist, and i love blood really much. I proud become a crazy Elf, YL and have Gazerock as my rhythm. I proud become a pervert Fujoshi, do you wanna talk about Yewook couple with me? and.. last... I proud become a dreamer. <a href="http://www.blogger.com/profile/06346942524651266361">( more..? )</a>
    </div>
    <h2>about</h2></td></tr></table></div>
    <div id="box3">
    <table cellpadding="3"><tr>
    <td valign="top" style="width:100px;">
    <img src="http://i737.photobucket.com/albums/xx16/sekaryoshioka/icon3-1.png"></td>
    <td valign="top">
    <div class="inside-box">
    <i>cbox here</i> cbox here <b>cbox here</b> cbox here <u> cbox here </u><big> cbox here!</big><br>
    width:100%</div>
    <h2>tagboard</h2></td></tr></table></div>
    <p>
    <br>
    <center>
    <Blogger>
    <div class="main">
    <div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle>.</div>
    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> Leave a comment?</a></BlogItemCommentsEnabled></div>
    <br><$BlogItemBody$>
    </div><p></Blogger></center>
    <p>
    <center><a href="javascript: scroll(0,0);"><div class="newer-older"><span>&uarr;</span> Back to top</div></a></center>
    <a href=<$OlderPosts$>><div class="newer-older" style="float: right;" >Older Post <span>&rarr;</span></div></a>
    <a href=<$NewerPosts$>><div class="newer-older" style="float: left;" ><span>&larr;</span> Newer Post</div></a>
    </td>
    <td valign="top" style="position:absolute;"><br><br><br><br><br>
    <a style="color:#000;" href="https://twitter.com/SekarYoshioka"><div class="navi">twitter</div></a>
    <a style="color:#000;" href="http://bunnyaddict.tumblr.com/"><div class="navi">tumblr</div></a>
    <a style="color:#000;" href="http://www.blogger.com/follow-blog.g?blogID=640850278476220808"><div class="navi">follow</div></a>
    <!---Don't remove it!!---!>
    <a style="color:#000;" href="http://goodbyewasalie.blogspot.com/" title="sekaryoshioka"><div class="navi">layout</div></a>
    <a style="color:#000;" href="http://weheartit.com/NellyB" title="icon and header♥"><div class="navi">icon</div></a>
    <!---Don't remove it!!---!>
    <br>
    <p>
    </td>
    </tr></table></center>

    <script type="text/javascript" language="javascript">
    var arr = document.getElementsByTagName("a"); //get all links in the page
    for(var i = 0; i < arr.length; i++)
    {
    if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog
    && arr[i].href.indexOf("javascript:") < 0) //not javascript links
    arr[i].target = "_blank";
    }
    </script>
    </body>
    <script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>




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

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

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

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

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

    ความคิดเห็น

    ×