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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #94 : BlogSkins . ayo!gg

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

    BlogSkins . ayo!gg

    Skin screenshot



    <html><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <title>{10} ayo!gg </title>
    <link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'/>
    <style type="text/css">
    #navbar-iframe, .blogger-labels {display:none;}
    ::-webkit-scrollbar       {width:8px;background:#f1f1f1;}
    ::-webkit-scrollbar-thumb {background:#bfb4dd;}
    ::selection               {background:#bfb4dd;color:#fff;}
     
     
    body {background:url(http://media.tumblr.com/f39d9af5535d216f7b8f33dd79fd265f/tumblr_inline_mi56gohFKh1qz4rgp.png);font-family:Roboto;font-size:8pt;color:#6f6f6f;text-align:justify;line-height:110%;}
    td {font-family:Roboto;font-size:8pt;color:#6f6f6f;text-align:justify;line-height:110%;}
     
    a:link, a:visited, a:active {color:#222;text-decoration:none;}  a:hover {color:#bfb4dd;text-decoration:none;}
    b, strong  {color:#000;cursor:pointer;}
    i, em      {color:#bbaabb;}
    s, strike  {color:#bb9999;}
    blockquote        {color:#aaa;font-style:italic;background:#fcfcfc;font-family:cambria;}
    blockquote:before {content:"\275D";height:auto;font-size:44px;color:#bbaabb;float:left;padding-right:11px;}
    img               {max-width:500px;margin-bottom:3px;cursor:pointer;}
     
    .menutop    {background:#a195c4;font-family:'Scada';width:870px;text-transform:uppercase;font-size:14px;color:#fff;position:absolute;top:10px;}
    .nav, a.nav {color:#fff;text-align:center;text-shadow:1px 1px 0px #8074a3;margin:10px;display:inline-block;}
    .nav:hover, a.nav:hover {color:#fff;cursor:pointer;}
     
    #aboy  {padding:8px;background:#fcfcfc;}
    .box   {width:850px;font-family:Roboto, cambria;font-size:8pt;color:#6f6f6f;}
    .post  {padding:10px;text-align:justify;width:570px;line-height:110%;margin-bottom:20px;line-height:140%;}
    .title {color:#bfb4dd;padding:6px;font-family:Yanone Kaffeesatz;font-size:22px;margin-top:10px;cursor:pointer;}
    .date  {margin-left:40px;color:#80759e;text-transform:uppercase;padding:1px;font-family:consolas;font-size:8px;}
    .sidebar   {width:230px;padding:10px;border-right:1px solid #efeef3;box-shadow: 5px 1px 10px #f1f1f1;background:#f8f6ff;border-radius: 3px 0 0 4px;}
    .stit      {background:#9589b8;color:#fff;font-family:'Fjalla One';font-size:11px;letter-spacing:5px;text-transform:uppercase;text-shadow:1px 1px 0px #877aad;padding:3px;margin-bottom:3px;}
    #sts       {display:block;margin-bottom:1px;padding:2px;font-size:10px;text-transform:uppercase;background:#f3e9ff;border-radius:2px;color:#fff}
    #sts a     {color:#666;}
    a.mv       {font-size:8px;text-transform:uppercase;display:block;padding:2px;margin:1px;color:#bbb;background:#fafafa; border:1px solid #f5f5f5;}
    a.mv:hover {background:#fcfcfc;border:1px solid #fafafa;color:#555;}
     
    jess         {background:#f9f9f9;display:block;padding:2px;font-size:10px;}
    jess a       {background:#ada6d5;color:#fff;display:inline-block;width:80px;margin-right:5px;}
    jess a:hover {background:#e3e0f5;color:#222;}
     
    a.stf        {background:#bab5d8;color:#fff;display:block;padding:1px;margin:1px;}
    a.stf:hover  {background:#8981b5;}
    a.stf:before {content:'➜ ';}   a.stf:hover:before {content:'✔ ';}
    a.aff        {background:#fcfcfc;color:#ccc;display:inline-block;width:102px;padding:1px;margin:1px;text-align:center;border:1px solid #fafafa;}
    a.aff:hover  {background:#f6f6f6;color:#aaa;}
     
    #slider     {position:relative;} #slider img {display:none;width:250px;} #slider a {display:block;}
    .nivoSlider {width:300px;height:130px;} .nivoSlider img {width:300px;height:130px;}
    .nivo-slice {display:block;position:absolute; %;} .nivo-box {display:block;position:absolute;z-index:5;}
    .nivo-caption   {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;text-transform:uppercase;width:98%;
    ;border-right:0px solid #;padding:3px;}
    .nivo-caption p {margin:0;font-size:11px;} .nivo-caption a {display:inline;} .nivo-html-caption {display:none;}
    .nivo-directionNav a {position:absolute;top:45%; ;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;}
    .slider     {width:100%;} .slider a {border:0;display:block;}
    .slider img {position:absolute;top:0px;left:0px;display:none;width:250px;} .nivo-controlNav {display:none;}
    .nivo-directionNav a {display:block;width:31px;height:34px;background:url(http://i.imgur.com/IU5Sj12.png) no-repeat;text-indent:-9999px;}
    a.nivo-nextNav {background-position:-30px 0;right:15px;} a.nivo-prevNav {left:15px;}
    .nivo-caption  {font-weight:2;} .nivo-caption a {color:#efe9d1;}
     
    </style><script>function changeNavigation(id) {document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script>
     
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/GBsm20q7d/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">var $nv4wp = jQuery.noConflict();$nv4wp(window).load(function() {$nv4wp('#slider').nivoSlider({effect:'random', slices:15, // For slice animations boxCols: 4, // For box animations boxRows: 2, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 3000, // How long each slide will show startSlide:0, // Set starting Slide (0 index) directionNav:true, //Next & Prev directionNavHide:true, //Only show on hover controlNav:true, // 1,2,3... navigation controlNavThumbs:false, // Use thumbnails for Control Nav controlNavThumbsFromRel:false, // Use image rel for thumbs controlNavThumbsSearch: '.jpg', // Replace this with... controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src keyboardNav:true, //Use left & right arrows pauseOnHover:true, //Stop animation while hovering manualAdvance:false, //Force manual transitions captionOpacity:0.8, //Universal caption opacity prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded
    });}); </script>
     
    <body>
     
    <center><div class="box"><table style="background:#fff;padding:10px;width:870px;margin-top:45px;position:absolute;box-shadow:inset 0 0 15px #f1f1f1,inset 0 0 25px #f1f1f1,inset 0 0 0px #f1f1f1;"><tbody><tr>
     
    <div class="menutop">navigation : 
    <a class="nav" href="/"> home</a>
    <div class="nav" onClick="changeNavigation('a')"> about</div>
    <div class="nav" onClick="changeNavigation('b')"> f.a.q</div>
    <div class="nav" onClick="changeNavigation('c')"> likes</div>
    <div class="nav" onClick="changeNavigation('d')"> message</div>
    <div class="nav" onClick="changeNavigation('e')"> stuff</div>
    <div class="nav" onClick="changeNavigation('f')"> friends</div>
    <a class="nav" href="http://www.blogger.com/follow-blog.g?blogID=YOURBLOGID">+ follow</a>
    </div>
     
    <td valign="top" width="290px" class="sidebar"><div>
    <div class="stit">status</div>
    <div id="sts">online: <script language="JavaScript"> 
    var ref = (''+document.referrer+''); var page = (''+window.location+''); 
    ; </script> </div>
    <div id="sts">of: <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID1828521&name="></script></div>
    <div id="sts">owner: your name</div>
    <div id="sts">ver.:  I Got  A Boy</div>
    <div id="sts">followers: +100000</div>
    <br>
     
    <div class="stit">welcome, darling</div>
    <div style="font-style:italic;color:#aaa;text-align:justify;background:#f4f4f4;padding:5px;font-size:7pt;border-radius:6px;">
    <img src="http://i.imgur.com/WQIvtg7.png" style="width:65px;float:left;margin-right:6px;">
    Full this box with something about your blog. By the way, thank you for checking my new layout keke Please don't remove the credits, I worked hard on this skin. Be happy & get your boy or die al0ne!
    </div><br>
     
    <div class="stit">ask box</div>
    <center style="font-size:7pt;font-style:italic;">*put your ask.fm or formspring widget right here. max width is 230px.*</center>
    <br>
     
    <div class="stit">musicbox</div><center>
    <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="220" height="20">
    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#f8f6ff" /><param name="FlashVars" value="mp3=http%3A//dc342.4shared.com/img/3243596873/393697dc/dlink__2Fdownload_2FLmFmyX9L_3Ftsid_3D20130305-115810-36663e92_26dsid_3Douziv.9d2cd1c63aec51a6906570c61d38c004/preview.mp3&amp;autoplay=1&amp;bgcolor=f8f6ff&amp;loadingcolor=9589b8&amp;buttoncolor=9589b8&amp;slidercolor=bfb4dd" /></object>
    </center><br>
     
    <div class="stit">tags</div>
    <a href="/" class="mv"># personal</a>
    <a href="/" class="mv"># photos</a>
    <a href="/" class="mv"># tutorials</a>
    <a href="/" class="mv"># skins</a>
    <a href="/" class="mv"># other</a>
    <br>
     
     
    <!---PLEASE DON'T TOUCH THIS PART OF THE CODES. I WORKED HARD ON THIS SKIN.---!>
    <div class="stit">credits</div>
    <div style="font-style:italic;padding:5px;font-family:times;font-size:7pt;">
    © 2013 - Layout by <a href="http://soojung.tk/">electric</a><a href="http://www.electricshock.tk/">ϟ</a><a href="http://blogskins.com/me/sunwoo">shock</a> and edited by <a href="/">yourname</a>. Icons from <a href="http://agitatedscandals.blgospot.com">as</a>, images from <a href="http://weheartit.com">we❤it</a>, symbols from <a href="http://villianz.blogspot.com.br/">vlz</a>, bg from <a href="http://ilovebanner.tumblr.com">ilb</a> and slider from <a href="http://things-to-help-you.tumblr.com/tagged/nivoslider">tthy</a>.
    <br><br>
     
    <div style="padding:5px;">
    <NewerPosts><a style="float:left;" href="<$NewerPosts$>"> NEWER</a></NewerPosts>
    <OlderPosts><a style="float:right;"  href="<$OlderPosts$>">OLDER </a></OlderPosts>
    </div>
    </div></td>
     
    <td valign="top" width:630px;"><div class="post"><div id="main">
     
    <div style="padding:10px;background:#f8f6ff;line-height:150%;border-radius:4px;border:1px solid #efeef3;box-shadow: 3px 4px 22px #e6dfff">
     
    <div id="slide" style="float:left;"><div id="slider">
    <a href="/"><img src="http://i.imgur.com/qyZpI2x.png"
    title="do you have a boy?"/></a>
    <a href="/"><img src="http://i.imgur.com/D8IttgX.png"
    title="hey yo, gg! here comes truble."></a>
    <a href="/"><img src="http://i.imgur.com/weGKUTe.png"
    title="express to london"></a>
    </div></div>
     
    <div style="margin-left:310px;width:240px;letter-spacing:1px;">Welcome to <b>YOURBLOGNAME</b>, here you will find this, this and this. I also do this, this and this so feel free to kiss me. Do not forget about blah blah and please do it it well and right. Yes, replace this box with a warm welcome message to your readers, thank you.
    <div style="font-style:italic;color:#c1b5e4;">- your name.</div></div>
    </div>
     
    <blogger><br>
    <div class="title"># <BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
    <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> / <a href="<$BlogItemPermalinkURL$>">permalink</a></div>
    <div style="margin:10px;"><$blogitembody$></div>
    <center><img src="http://i.imgur.com/8ItaoCi.png"></center>
    </blogger></div></div>
     
     
    <div id="a" style="display:none;"><div id="main">
    <div class="title">✔ About the blog</div><div class="date">Here comes trouble! </div>
    <div id="aboy">
    Welcome to <i>YOURBLOGNAME</i>, here you will fidn everything you need and want.  Manarie li que vaqeriao |at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er expedit distinct. Excepteur sint occae. et harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er expedit distinct. <b>Post here things and infos about your blog.</b>
    </div>
     
    <div class="title">♤ About the typist</div><div class="date"> Let me introduce myself!</div>
    <div id="aboy"><img style="float:right;padding:5px;" src="http://i.imgur.com/7rpSlGb.png">
    Hello, here is <i>YOURNAME</i> at your service. I'm actually 6teen and I live in w0nderland with my unicorns. Manarie li que vaqeriao |at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er expedit distinct. at vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. et harumd dereud facilis est er expedit distinct.t harumd dereud facilis est er expedit distinct. <b>Write something interesting about you.</b>
    </div>
     
    <div class="title">✙ Credits</div><div class="date">you really are something else!</div>
    <div id="aboy">
    Feel free to delete this area if you want, this is just a way you can use to credit all the right persons on your blog without taking much space.<b>You can't remove the sidebar credits tho.</b><br><br>
    <jess><a href="http://soojung.tk">Sunwoo (SUN) </a> Layout & colors</jess>
    <jess><a href="/">Your name</a> Edition & posts</jess>
    <jess><a href="/">Weheartit</a> Images</jess>
    <jess><a href="/">Imgur</a> Images host</jess>
    <jess><a href="/">Blogger</a> Blog host</jess>
    </div>
    </div></div>
     
     
    <div id="b" style="display: none;"><div id="main">
    <div class="title">✖ F.A.Q </div>   <div class="date">I almost asked her what her new makeup was.</div>
    <div id="aboy">
    <b>do you follow back?</b><br>
    i do if i like your blog. please leave a link if you want me to check.<br><br>
    <b>how old are you?</b>
    <br>i'm 6teen right now.<br><br>
    <b>how do you make skins? </b><br>
    i have base codes made by me a time ago. i put it in a sideblog adn go customizing.<br><br>
    <b>how do you make graphics/icons?</b><br>
    i use photoshop cs6 and download textures here, here and here for edits, and download videos with vdownloader.<br><br>
    <b>how can i call you?</b><br>
    my nickname is soondie but people used to call me sundi. you must call me sun thogh: i'm too shine.<br><br>
    <b>you only like asian things?</b><br>
    no, i have a open mind and i like meeting new cultures. i love russian and french stuff/culture.<br><br>
    <b>sicne when are you kpopper?</b><br>
    i met kpop with snsd's gee in early 2012 and i listened to 4minute, t ara, 2ne1 and miss a for a long time until a met f(x) when they was going to comeback with danger. you can say i'm kpopper sicne early 2011 though.<br><br>
    <b>why don't you like exo/ifinite/b.a.p/b2st?</b><br>
    whut<br><br>
    </div>
    </div></div>
     
    <div id="c" style="display: none;"><div id="main">
    <div class="title">♚ Fandoms & Likes</div>   <div class="date">Let me put it down another way.</div>
    <div id="aboy">
    <jess><a href="/">SNSD </a>   hyoyeon, sooyoung, taeyeon, jessica, sunny, yoona, yuri, tiffany, seohyun</jess>
    <jess><a href="/">B1A4</a>    baro, sandeul, cnu, jinyoung, gonchan</jess>
    <jess><a href="/">F(X)</a>    amber, sulli, victoria, luna, krystal</jess>
    <jess><a href="/">4MINUTE</a> jiyoon, jihyun, gayoon, hyuna, sohyun </jess>
    <jess><a href="/">BLOCK B</a> zico, kyung, taeil, p.o, jaehyo, b bomb, u kwon</jess>
    </div>
    </div></div>
     
     
    <div id="d" style="display:none;"><div id="main">
    <div class="title">❝ Tagboard </div> <div class="date">When are you gonna come save me?</div><br>
    <div id="aboy"><b> Tagboard warning and rules here. Feel free to delete this box tho.</b> 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.</div>
    <center>/// Put your CBOX codes right here. MAX WIDTH 540-550PX ///</center>
    </div></div>
     
    <div id="e" style="display:none;"><div id="main">
    <div class="title">☆ SKINS & PAGES </div> <div class="date">I got a boy handsome boy, who took all my heart</div><br>
    <div style="float:left;width:49%;border-right:1px dashed #fdfdfd;">
    <a class="stf" href="/">theme skin layout</a>
    <a class="stf" href="/">theme skin layout</a>
    <a class="stf" href="/">theme skin layout</a>
    </div>
    <div style="float:right;width:49%;">
    <a class="stf" href="/">theme skin layout</a>
    <a class="stf" href="/">theme skin layout</a>
    <a class="stf" href="/">theme skin layout</a>
    </div>
    <br><br><br><br>
    <div class="title">☆ TUTORIALS </div> <div class="date">I got a boy, a handsome one! I got a boy, a kind one!</div><br>
    <div style="float:left;width:49%;border-right:1px dashed #fdfdfd;">
    <a class="stf" href="/">turorials</a>
    <a class="stf" href="/">turorials</a>
    <a class="stf" href="/">turorials</a>
    <a class="stf" href="/">turorials</a>
    </div>
    <div style="float:right;width:49%;">
    <a class="stf" href="/">turorials</a>
    <a class="stf" href="/">turorials</a>
    <a class="stf" href="/">turorials</a>
    <a class="stf" href="/">turorials</a>
    </div><br><br><br><br>
    <div class="title">☆ FREEBIES & EXTRAS </div> <div class="date">I got a boy awesome boy, I must have really fallen for him</div><br>
    <div style="float:left;width:49%;border-right:1px dashed #fdfdfd;">
    <a class="stf" href="/">freebies extras</a>
    <a class="stf" href="/">freebies extras</a>
    <a class="stf" href="/">freebies extras</a>
    <a class="stf" href="/">freebies extras</a>
    </div>
    <div style="float:right;width:49%;">
    <a class="stf" href="/">freebies extras</a>
    <a class="stf" href="/">freebies extras</a>
    <a class="stf" href="/">freebies extras</a>
    <a class="stf" href="/">freebies extras</a>
    </div>
    </div></div>
     
     
    <div id="f" style="display:none;"><div id="main">
    <div class="title">✿ Affiliates & Friends</div> <div class="date">Always next to me, it’s you, who’s on my side</div><br>
    <div id="aboy"><b> Put here an affilitation/friends rules-warning, if you have any of course.</b> Occae et harumb bet theap. est praesent luptatum. dignissum qui blandit est praesent.</div><br>
     
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a><br>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a><br>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    <a href="/" class="aff">affiliate</a>
    </div></div>
    </td>
     
     
    </tr></tbody></table></div></center>
    </body></head></html>
    © Tenpoints!
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

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

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

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

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

    ความคิดเห็น

    ×