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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #9 : ★special : MBLAQ

    • เนื้อหาตอนนี้เปิดให้อ่าน
    • 277
      0
      29 เม.ย. 56

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

     

    <html><head>
    <title>Mona Lisa</title>
    <base target='_blank'/>
     
    <script language=JavaScript>
    <!--//Disable right mouse click Script
    //By Dynamicdrive (renigade@nsimail.com)
    //For full source code, visit http://www.dynamicdrive.com
    var message="";
    ///////////////////////////////////
    function clickIE4(){
    if (event.button==2){return false;}}
    function clickNS4(e){
    if (document.layers||document.getElementById&&!document.all){
    if (e.which==2||e.which==3){return false;}}}
    if (document.layers){document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;}
    else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
    document.oncontextmenu=new Function("return false")// -->
    </script>
     
    <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Inder' rel='stylesheet' type='text/css'>
     
     
    <style type="text/css">
    #navbar-iframe {display: none;}
    ::-webkit-scrollbar{width:10px;height:10px;}
    ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{
    height:10px;width:10px;display:block;background:#999;border:1px solid #999}
    ::-webkit-scrollbar-track-piece{background-color:#fff}
    ::-webkit-scrollbar-thumb:vertical,
    ::-webkit-scrollbar-thumb:horizontal{background-color:#999;border:1px solid #999}
    ::selection {background:#fff;color:#999;text-shadow: 2px 2px 3px #999;} 
     
     
    body {
    background:url(http://s2.favim.com/orig/33/background-backgrounds-pattern-tumblr-background-wood-Favim.com-260514.jpg);
    font-family: 'Inder';
    color: #808080;
    font-size:12px;
    background-attachment:fixed;
    }
    a:link, a:visited {
    text-decoration:none;
    color:#9C9C9C;
    padding:0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    }
    a:hover {
    cursor:vertical-text;
    background:url(http://data.whicdn.com/images/56083677/tumblr_mk3050jZzT1ru6ppmo1_500_large.png)80%;
    border-bottom:1px dotted #dedede;
    border-top:1px dotted #dedede;
    color:#000;
    }
     
    b {
    color: #444;
    -webkit-transition-duration: 3s;
    }
    b:hover {
    color: #FFFFFF;
    -webkit-transition-duration: 3s;
    }
    u {
    -webkit-transition-duration: 3s;
    text-decoration:none;
    border-bottom: 2px solid ;
    color: #000;
    padding: 1px;
    }
    u:hover {
    color: #ffffff;
    -webkit-transition-duration: 1s;
    }
    i {
    font-family:georgia;
    text-decoration: strong;
    color:#9c9c9c;
    }
    #content {background:#ffffff;border-left:2px solid #000;border-right:2px solid #000;color:#666666;font-size: 12px;position: absolute; left:480px;padding: 10px;width:600px;}
     
    .h4 {
    color:#eee;
    text-shadow: 2px 2px 3px #fff;
    font-size:13px;
    letter-spacing:2px;
    border:1px solid #111;
    margin-bottom:6px; 
    padding:6px;
    text-align:leftt; 
    background:url(http://data.whicdn.com/images/48092869/tumblr_mg30wfkGfu1qe03lgo1_1280_large.jpg);
    }
     
    .sec-title {
    font-size: 10px;
    font-family: lucida console, trebuchet ms, sans-serif;
    color:{color:sidebar text};
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
    line-height:10px;
    letter-spacing:2px;  
    text-align:right;
    padding: 4px; margin: 0px;
    font-family: georgia;
    border-top: 2px solid #000;
    border-bottom: 2px dashed #000;
    line-height:20px; 
    color:#999;
    text-transform:lowercase;
    font-style: italic;
    }
     
    blockquote{
    background:url(http://data.whicdn.com/images/47902647/tumblr_mfzdcb6wT21ry05elo1_500_large.png);
    padding:10px;
    color:#000;
    font-style:italic;
    font-family:georgia;
    letter-spacing:1px;
    border-radius:10px;
    border:2px solid #ccc;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-shadow: -1px 0 fff, 0 1px fff,
    1px 0 fff, 0 -1px fff;
    }
     
    blockquote:hover{
    background:url(http://data.whicdn.com/images/47902647/tumblr_mfzdcb6wT21ry05elo1_500_large.png)80%;
    }
     
    .raejun{
    width:60px;
    padding:15px;
    margin-top:15px;
    box-shadow:2px 2px 4px #DFDFDF;
    background:#eee;
    font:8px tt; 
    text-align:center;
    Text-decoration:none;
    color:#888;
    text-transform:uppercase;
    display:block;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
    border-left:0px solid #000;
    -webkit-border-top-right-radius: 333px;
    -webkit-border-bottom-right-radius: 333px;
    -moz-border-radius-topright: 333px;
    -moz-border-radius-bottomright: 333px;
    border-top-right-radius: 333px;
    border-bottom-right-radius: 333px;
    }
     
    .raejun:hover{
    width:66px;
    border-left:10px solid #aaa;
    }
    @font-face {
    font-family:tt !important;
    src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
    }
    .navi1 a{  
    color:#1e1e1e;
    font-size: 9px;
    text-align: left;
    letter-spacing: 1px;
    text-transform:lowercase;
    }
     
    .navi1 a:hover{ 
     color:#444;
    }
    .navies {
    background:transparent;
    border:1px solid #a2a2a2;
    color:#666;
    display:inline-block;
    width:80px;
    padding:3px;
    text-align:center;
    letter-spacing:2px;
    font:8px tt;
    margin:3px;
    -webkit-transform: rotate(360deg);
    -webkit-transition:1200ms;
    }
    .navies:hover {
    background:url (http://data.whicdn.com/images/48073200/tumblr_mg2owawJry1rqwe7fo1_500_thumb.jpg);
    color:white;
    display:inline-block;
    width:80px;
    padding:3px;
    text-align:center;
    margin:3px;
    -webkit-transform: rotate(-360deg);
    -webkit-transition:1200ms;
    }
     
    .kevo{
    width:50px;
    padding:4px;
    margin:2px;
    background:#BDBDBD;
    font:8px tt; 
    cursor:vertical-text;
    text-align:center;
    Text-decoration:none;
    color:#888;
    text-transform:uppercase;
    display:inline-block;
    height:28px;
    padding-top:25px;
    border-radius:50%;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
    transform: rotate(0deg) ;
    -webkit-transform: rotate(0deg) ;
    -moz-transform: rotate(0deg) ;
    -o-transform: rotate(0deg) ;
    -ms-transform: rotate(0deg) ;
    }
     
    .kevo:hover{transform: rotate(360deg) ;
    -webkit-transform: rotate(360deg) ;
    -moz-transform: rotate(360deg) ;
    -o-transform: rotate(360deg) ;
    -ms-transform: rotate(360deg) ;
    color: #fff;
    background:url(http://data.whicdn.com/images/55917098/164220_578895345468698_702432517_n_large.jpg);
    }
     
     
    @font-face {
    font-family:tt !important;
    src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
    }
     
    .ch-item {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     position: relative;
     box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     cursor: default;
    }
     
    .ch-info-wrap, 
    .ch-info{
     position: absolute;
     width: 280px;
     height: 280px;
     border-radius: 50%;
     
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     
     -webkit-perspective: 800px;
     -moz-perspective: 800px;
     -o-perspective: 800px;
     -ms-perspective: 800px;
     perspective: 800px;
    }
     
    .ch-info-wrap {
     top: 20px;
     left: 20px;
     background: #fff url(../images/bg.jpg);
     box-shadow: 
      0 0 0 20px rgba(255,255,255,0.2), 
      inset 0 0 3px rgba(115,114, 23, 0.8);
     
    }
     
    .ch-info {
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     transform-style: preserve-3d;
    }
     
    .ch-info > div {
     display: block;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-position: center center;
     -webkit-transition: all 0.6s ease-in-out;
     -moz-transition: all 0.6s ease-in-out;
     -o-transition: all 0.6s ease-in-out;
     -ms-transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
    }
     
    .ch-info .ch-info-front {
     -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
     -o-transform-origin: 50% 100%;
     -ms-transform-origin: 50% 100%;
     transform-origin: 50% 100%;
     
      ;
     box-shadow: 
      inset 2px 1px 4px rgba(0,0,0,0.1);
    }
     
    .ch-info .ch-info-back {
     background: rgba(230,132,107,0);
    }
     
    .ch-img-1 { 
     background-image: url(http://data.whicdn.com/images/55862588/221637_550997811598516_441792781_n_large.png);
    }
     
    .ch-item:hover .ch-info-front {
     -webkit-transform: rotate3d(1,0,0,-180deg);
     -moz-transform: rotate3d(1,0,0,-180deg);
     -o-transform: rotate3d(1,0,0,-180deg);
     -ms-transform: rotate3d(1,0,0,-180deg);
     transform: rotate3d(1,0,0,-180deg);
     
     box-shadow: 
      inset 0 0 5px rgba(255,255,255,0.2), 
      inset 0 0 3px rgba(0,0,0,0.3);
    }
     
    .ch-item:hover .ch-info-back {
     background:#F0ECE6;
    }
     
    .ch-grid {
     margin: 20px 0 0 0;
     padding: 0;
     list-style: none;
     display: block;
     text-align: center;
     width: 100%;
    }
     
    .ch-grid:after,
    .ch-item:before {
     content: '';
        display: table;
    }
     
    .ch-grid:after {
     clear: both;
    }
     
    .ch-grid li {
     width: 320px;
     height: 320px;
     display: inline-block;
     margin: 20px;
    }
     
     
    </style><body>
    <div id="content">
    <tbody><tr>
    <td valign="top" style="width:600px; padding:px; font-size:11px; ">
    <blogger><div class="h4"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
    <$blogitembody$></blogger><br>
    <div style="float: left;"><a style="color:black; padding:3px; font-family:tt; font-size:10px;" href="http://mohareqil99.blogspot.com/">FOWARD POST ?</a></div>
    <div style="float: right;"><a style="color:black; padding:3px; font-family:tt; font-size:10px;" href="http://mohareqil99.blogspot.com/search?updated-max=2013-01-01T22:52:00-08:00&max-results=1&start=1&by-date=false">PREVIOUS POST ?</a></div><br><br></div>
    </div>
    </td>
    </div>
    </td>
     
    </div>
    </div>
     
    <div style="position: fixed; top: 180px; left: 120px;">
    <ul class="ch-grid">
    <li><div class="ch-item ch-img-1">
    <div class="ch-info-wrap">
    <div class="ch-info">
    <div class="ch-info-front ch-img-1">
    </div>
    <div class="ch-info-back">
    <div style="margin-top:70px; width:270px;background: transparent; border-radius:10px;text-align:left;padding:5px;">
    <center>
    {<a style="color:#bdbdbd; padding:3px; font-style:italic; font-family:georgia; font-size:12px; cursor:vertical-text; href="http://www.blogger.com/home">home?</a>|
    <a style="color:#bdbdbd; padding:3px; font-style:italic; font-family:georgia; font-size:12px; cursor:vertical-text;   href="http://luckiestboyz99.blogspot.com/">affies</a>|
    <a style="color:#bdbdbd; padding:3px; font-style:italic; font-family:georgia; font-size:12px; cursor:vertical-text;  href="http://www.blogger.com/follow-blog.g?blogID=3431560990513574840">+follow</a>}<br>
    <div id="cboxdiv" style="text-align: center; line-height: 0">
    <div><iframe frameborder="0" width="230" height="70" src="http://www7.cbox.ws/box/?boxid=537417&amp;boxtag=dr0935&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-537417" style="border: 0px solid;border-top:0px" id="cboxform7-537417"></iframe></center>
    <center>
    <a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('About').innerHTML" title="About">About</a> 
    <a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('Credits').innerHTML" title="Credits">Properties</a> 
    <a class="kevo" onClick="document.getElementById('content').innerHTML=document.getElementById('Posts').innerHTML" title="Entries">Diary</a> 
    </br></br>
    </center>
    </div>
    </div>
    </div>
    </div>
    </div>
    </li>
    </ul>
     
     
    </div>
    <div id="About" style="display:none;">
    <div class="h4">The Writter </div>
    <div class="sec-title">"Hello! I just wanted to say thanks a lot to all my readers! I love you all!"  </div><br>
    <center><img src="http://data.whicdn.com/images/56084135/tumblr_mk26i0OOic1qe696zo1_500_large.png"></center><br>
    </br>
    <div dir="ltr" style="text-align: left;" trbidi="on">
    <u>Details: </u></br>
    <br>
    <b>Name : </b> Mohamad Aqil B. Mohd Misbahhuddin [just call Are-Qil] <br>
     
    <b>Birthdate : </b> 12th of April 99's line <br>
     
    <b>Language : </b> Arabic + Malay + English + Korean + Javanese + French  <br>
     
    <b>Study : </b> Higher Secondary School Religion Sultan Hisamuddin <br>
     
    <b>Citizen : </b> of Malaysia <br>
     
    <b>Religion :</b> Islam [poor slave of Allah SWT] <br>
     
    <b>Race : </b> Malay + Javanese [Malaysia] <br>
     
    <b>Ambition : </b> Ambassador for the Malaysia! <br>
     
    <b>Inspiration : </b> My beloved prophet : Prophet Muhammaad SAW <br>
    </br>
    </br>
    </div>
     
    </div>
    </div>
    <div id="Credits" style="display:none;">
    <div class="h4">My Collection </div>
    <div class="sec-title">"How I wish, I could just right click someone's head and get their properties option" </div><br>
    <center><img src="http://data.whicdn.com/images/55893431/tumblr_mjxbt3wGwX1rj5p6do1_500_large.jpg">
    </center><br>
    </br>
    Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum.Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao. Occae et harumb bet theap. Est praesent luptatum. Ha! Bis nostrud exercitation ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. 
    </br>
    </br>
    <center><blockquote><center> 
    <center>Skin By  <a href="http://mohareqil99.blogspot.com/">Are-Qil </a>.Secondly, little code <a href="http://lucky0227lifeshoutzs.blogspot.com/">Yeza </a> and <a href="http://wanaseoby.blogspot.com/">Wana </a>. Finally best view from <a href="http://www.google.co.id/">Google Chrome</a> </br></center></blockquote>
    </center>
    </br>
    </div>
    </div>
     
    </div>
    <div id="Posts" style="display:none;">
    <blogger><div class="h4"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="sec-title"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled>
    </div>
    <$blogitembody$></blogger><br>
    <div style="float: left;"><a style="color:black; padding:3px; font-family:tt; font-size:10px;" href="http://mohareqil99.blogspot.com/">FOWARD POST ?</a></div>
    <div style="float: right;"><a style="color:black; padding:3px; font-family:tt; font-size:10px;" href="http://mohareqil99.blogspot.com/search?updated-max=2013-01-01T22:52:00-08:00&max-results=1&start=1&by-date=false">PREVIOUS POST ?</a></div><br><br></div>
    </div>
    </td>
     
     
    </div>
     
    <div style="position: fixed; bottom: 0px; right: 0px;">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="15" height="15"><PARAM NAME=movie VALUE="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://media.irondj.net/mix/file/9064/Mona_Lisa_-_MBLAQ__NCT_88634460257715443750_.mp3&auto=yes&sendstop=yes&repeat=9&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause"><PARAM NAME=quality VALUE=high><PARAM NAME=wmode VALUE=transparent><embed src="http://www.strangecube.com/audioplay/online/audioplay.swf?file=http://media.irondj.net/mix/file/9064/Mona_Lisa_-_MBLAQ__NCT_88634460257715443750_.mp3&auto=yes&sendstop=yes&repeat=9&buttondir=http://www.strangecube.com/audioplay/online/alpha_buttons/negative_small&bgcolor=0xffffff&mode=playpause" quality=high wmode=transparent width="15" height="15" align="" TYPE="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></div>
     
    </table></body></head></html>
     



    ตอนต่อไปจะมาสอนการแก้โค้ดของแต่ละหน้านะคะ :D รับรองง่ายกว่าที่คุณคิด! 

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

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

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

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

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

    ความคิดเห็น

    ×