iDDM., Blogskins to iDDream

ลำดับตอนที่ #20 : ● Skin #361899 [ Lost in London ★]

Preview

   

ดูแบบเว็บที่ Blogskins.com

Codes.

สามารถก็อปไปแปะได้เลย (กดแทรกโค้ดก่อนนะครับ)

<!--Code Editing By iDDM.,--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('.top').click(function(){ $('html, body').animate({scrollTop:1}, 'slow'); }); });</script> <style type="text/css"> body{ background:#fff url(http://i1090.photobucket.com/albums/i367/McOrangee/bg-4.png) repeat-x fixed; font-family:arial; font-size:8pt; color:#333; cursor:ne-resize; } blockquote { background:#fff; background-image:url("http://i589.photobucket.com/albums/ss333/HeartsAloud/dl/hbq.gif"); background-repeat: no-repeat; background-position:top right; color: #000; margin: 1px 0px 1px 0px; border: 1px solid #eeeeee; -webkit-transition-duration:1s; padding: 5px 3px 9px 3px; } blockquote:hover { -webkit-transition-duration:1s; color: #555; } a{color:#222; text-decoration:none; font-style:italic; font-family:cambria; font-size:105%; line-height:103%;} a:hover{color:#222; border-bottom:1px dotted #222;} #navbar-iframe {display:none;} .header{ font: 18pt arial; color: #222; letter-spacing: -1px; border-bottom:1px solid #ccc;} .date, .top{font: 10pt arial; color: #222; text-transform: lowercase; letter-spacing: -1px;} .stuff {color: #898989;padding-top: 10px; position:absolute; top:190px; -webkit-border-radius:10px; padding-left:3px; border-right:5px #ddd solid; border-left:5px #ddd solid; border-bottom:5px #ddd solid; left:100px; width:610px;} .credt {color: #898989;padding-top: 10px; position:fixed;top:158px; left:540px; width:400px;font-size:11px;} .navi {color: #898989;padding-top: 10px; position:fixed;top:158px; left:100px; width:520px;font-size:11px;} .x {padding-top:10px; background:#fff; opacity:0.6; border:1px solid #ddd;font-size:11px;} .x:active {padding:10px; background:#ddd; opacity:0.3; border:1px solid #222;font-size:11px;} .icon{ padding:5px; border:solid 1px #ccc; background:#fff; } </style> <div class="stuff"><br /> <div id="main"><img align="left" src="http://i1036.photobucket.com/albums/a446/nightoflight/icon01-5.png" _fcksavedurl="http://i1036.photobucket.com/albums/a446/nightoflight/icon01-5.png" style="width:70px;height:70px;" class="icon" alt="" /> <div class="header">Hello!</div> <div class="date">✈ Welcome to my blog!</div> </div> <div style="display:none" id="entries"><br /> <blogger><br /> <br /> <img align="left" src="http://i1036.photobucket.com/albums/a446/nightoflight/icon02-5.png" _fcksavedurl="http://i1036.photobucket.com/albums/a446/nightoflight/icon02-5.png" style="width:70px;height:70px;" class="icon" alt="" /> <div class="header"><$BlogItemTitle$></div> <div class="date">✈ <blogdateheader>on <$BlogDateHeaderDate$></blogdateheader> @ <$BlogItemDateTime$></div> <br /> <br /> <br /> <span style="color: rgb(153, 153, 153);font-size: 11px;"><$BlogItemBody$></span><br /> </blogger><a class="top" href="#" _fcksavedurl="#">✈ Back to the top?</a></div> <div style="display:none" id="profile"><img align="left" src="http://i1036.photobucket.com/albums/a446/nightoflight/banner01-4.png" _fcksavedurl="http://i1036.photobucket.com/albums/a446/nightoflight/banner01-4.png" class="icon" alt="" /> <div class="header">profile</div> <div class="date">✈ stylish life</div> <br /> <span style="color: rgb(153, 153, 153);font-size: 11px;">All about YOU goes here!</span></div> <div style="display:none" id="tag"><img align="left" src="http://i1036.photobucket.com/albums/a446/nightoflight/icon03-5.png" _fcksavedurl="http://i1036.photobucket.com/albums/a446/nightoflight/icon03-5.png" style="width:70px;height:70px;" class="icon" alt="" /> <div class="header">tagboard</div> <div class="date">✈ chit - chat</div> <br /> <span style="color: rgb(153, 153, 153);font-size: 10px;">Put your <a href="http://cbox.ws" _fcksavedurl="http://cbox.ws">cbox</a> here!</span></div> <div style="display:none" id="affies"><img align="left" src="http://i1036.photobucket.com/albums/a446/nightoflight/banner03-4.png" _fcksavedurl="http://i1036.photobucket.com/albums/a446/nightoflight/banner03-4.png" class="icon" alt="" /> <div class="header">Links</div> <div class="date">✈ i have few nice friends</div> <br /> <a href="#" _fcksavedurl="#" style="display:block;">friend</a> <a href="#" _fcksavedurl="#" style="display:block;">friend</a> <a href="#" _fcksavedurl="#" style="display:block;">friend</a> <a href="#" _fcksavedurl="#" style="display:block;">friend</a> <a href="#" _fcksavedurl="#" style="display:block;">friend</a> <a href="#" _fcksavedurl="#" style="display:block;">friend</a> <a href="#" _fcksavedurl="#" style="display:block;">friend</a> <a href="#" _fcksavedurl="#" style="display:block;">friend</a> <a href="#" _fcksavedurl="#" style="display:block;">friend</a> <br /> <br /> <br /> <br /> <bloggerarchives><span style="color: rgb(153, 153, 153);font-size: 11px;"> → </span><a href="<$BlogArchiveURL$>" _fcksavedurl="<$BlogArchiveURL$>"><$BlogArchiveName$></a> </bloggerarchives></div> </div> <br /> <br /> <br /> <br /> <br /> <br /> <img style="top:0px;left:0px; position:fixed;" src="http://i1090.photobucket.com/albums/i367/McOrangee/london.png" _fcksavedurl="http://i1090.photobucket.com/albums/i367/McOrangee/london.png" alt="" /> <div class="navi"><span onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML" style="padding: 14px;" class="x">entries</span> <span onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML" style="padding: 14px;" class="x">profile</span> <span onClick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML" style="padding: 14px;" class="x">tagboard</span> <span onClick="document.getElementById('main').innerHTML=document.getElementById('affies').innerHTML" style="padding: 14px;" class="x">affies</span> <a href="http://www.blogger.com/follow-blog.g?blogID=3273272058052525800" _fcksavedurl="http://www.blogger.com/follow-blog.g?blogID=3273272058052525800" style="padding: 14px;" class="x"><b>+</b> follow</a></div> <div class="credt"><a href="http://www.blogskins.com/me/hurr1cane" _fcksavedurl="http://www.blogskins.com/me/hurr1cane" style="padding: 14px;" class="x">⇨ done by filip</a> <a href="http://reviviscent.blogspot.com/2010/09/batch-64.html" _fcksavedurl="http://reviviscent.blogspot.com/2010/09/batch-64.html" style="padding: 14px;" class="x">⇨ graphics</a> <a href="http://www.blogskins.com/info/356422" _fcksavedurl="http://www.blogskins.com/info/356422" style="padding: 14px;" class="x">⇨ inspiration</a></div> <!-- iD Clean Code Ver. 2.4.1 By Fantasier --><!-- อย่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า --><style type="text/css">#wrapper,.thcon { display:none } </style> <div class="theanchor"></div> <script type="text/javascript">$('.theanchor').parent().wrapInner('<div class="thcon"></div>'); $('#wrapper').before($('.thcon').contents()); $('.thcon') ();</script>

หมายเหตุ: เเสดงผลได้เเย่มาก IE  มีปัญหาอะไรบอกได้เน้อ