iDDM., Blogskins to iDDream

ลำดับตอนที่ #8 : ● Skin #220260 [anxiety\don't say.]

Preview

  

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

Codes.

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

<!--Code Editing By iDDM.,--><style type="text/css"> a:link, a:active, a:visited{ font-family: arial; font-size: 11px; color: #ABFE0B; text-decoration: none; } #cov { . padding-left: 140px; } a:hover{ font-family: arial; font-size: 11px; color: #ffffff; text-decoration: none; } a.titlelink:link, a.titlelink:active, a.titlelink:visited{ font: normal 13px book antiqua; color: #FEEA0B; text-decoration: none; cursor: help; padding-top: 2px; } a.titlelink:hover{ font: normal 13px book antiqua; color: #FF9600; text-decoration: none; cursor: help; padding-top: 2px; } body{ font-family: arial; font-size: 10px; font-weight: none; color: #ffffff; background: #000!important; } #main div { text-align: left; font-family: arial; } #main{ text-align: left; font-family: arial; font-size: 8pt; background-color: #292929; color: #A7A7A7; line-height: 13.5px; letter-spacing: 0px; text-align: justify; width: 460px; } #navi{ background: none; text-align: right; padding-top:10px; width: 460px; font-family: georgia; font-size: 43px; letter-spacing: -4px; color: #9c9c9c; } #foot { width: 460px; text-align: left; padding-top: 3px; } .text{ border: 1px solid #292929; background-color: #1F1F1F; padding: 20px; font-size: 10px; text-align: justify; } .h1,.h1 div { text-align: left; font-size: 16px!important; font-family: arial; line-height: 11px; letter-spacing: -1px; color: #FE0B61!important; text-transform: lowercase; } .icon{ padding: 5px; border: 1px solid #454545; } .post, .text div { text-align: left; font-size: 11px; font-family: arial; color: #C5C5C5; line-height: 12px; } blockquote{ background: #000000; font-family: arial; color: #4d4d4d; border-left: 4px solid #FE0B61; padding: 6px; } b,strong{ font-family: georgia; font-size: 9px; color: #FF9600; cursor: help; } i,em{ font-family: georgia; font-size: 10px; color: #FEEA0B; cursor: help; } u{ text-decoration: none; color: #FE0B61; border-bottom: 1px dotted #C3FF69; cursor: help; } ::-moz-selection{ background: #ccc; color: #333; }</style><br /> <script>function changeNavigation(id) { document.getElementById('main').innerHTML=document.getElementById(id).innerHTML } </script> <div align="center"> <div id="cov"> <div id="navi"><span onMouseover="this.style.color='#FBC8CB'" onMouseout="this.style.color='#FE0B61'" onClick="changeNavigation('entries')" style="color: #fe0b61; cursor: text">don't </span><span onMouseover="this.style.color='#FBDAAA'" onMouseout="this.style.color='#FF9600'" onClick="changeNavigation('profile')" style="color: #ff9600; cursor: text">sell </span><span onMouseover="this.style.color='#FAF5BC'" onMouseout="this.style.color='#FEEA0B'" onClick="changeNavigation('tagboard')" style="color: #feea0b; cursor: text">your </span><span onMouseover="this.style.color='#E3FBB4'" onMouseout="this.style.color='#ABFE0B'" onClick="changeNavigation('links')" style="color: #abfe0b; cursor: text">heart,</span></div> <div id="main"> <div class="text"> <div style="text-align: left"> <div class="h1"><$BlogDateHeaderDate$></div> <a class="titlelink" title="Link to this post" href="blablabla">Head</a> <table> <tbody> <tr> <td valign="top" width="110"> <div class="icon"><img alt="" src="http://i411.photobucket.com/albums/pp195/partystealer/fashtwo.png" /></div> </td> <td> <div class="post"><$BlogItemBody$></div> </td> </tr> </tbody> </table> </div> </div> <br /> </div> <div id="foot"><span style="font-family: georgia; letter-spacing: -3px; font-size: 31px"><span style="color: #fe0b61">don't <span style="color: #feea0b">say we're not</span></span> <span class="style2" style="color: #ff9600">meant to be</span><span class="style2" style="color: #abfe0b">.</span></span></div> </div> <div id="profile" style="display: none"> <div class="text"> <div class="h1"> <div align="left">i am not a saint</div> </div> <div align="left"><br /> Hello, music is the <i>love</i> and I can't live without it because I'd lose my head. I like bright neon colours and <b>city highways</b> filled with red cars, rainy sunday afternoons and popcorn. I love eating fish but am not a fan of toothbrushes or homework. I hug Snoopy every night and eat cereal for breakfast, lunch and dinner. I'm also a die-hard fan of Chocolate and Ice-Cream. I'd watch <u>Disney Channel</u> every hour of the day if I could. <br /> </div> </div> </div> <div id="tagboard" style="display: none"> <div class="text"> <div class="h1"> <div align="left">voiceless</div> </div> <div align="left"><br /> Tagboard here <a href="http://cbox.ws">cbox</a> recommended. Max width 360px if you want this section to look decent.</div> </div> </div> <div id="links" style="display: none"> <div class="text"> <div class="h1"> <div align="left">exeunt</div> </div> <div align="left"><br /> <a href="http://link.com">friend</a> <br /> <a href="http://link.com">friend</a> <br /> <a href="http://link.com">friend</a> <br /> <a href="http://link.com">friend</a> <br /> <a href="http://link.com">friend</a> <br /> <a href="http://link.com">friend</a> <br /> </div> </div> <div align="left"><br /> </div> <div class="text"> <div class="h1"> <div align="left">rewind</div> </div> <div align="left"><br /> <b>By post:</b> <br /> </div> <bloggerpreviousitems></bloggerpreviousitems> <div align="left"><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br /> </div> <div align="left"><br /> <b>By month:</b> <br /> <a href="somelink">Link</a><br /> </div> </div> <div align="left"><br /> </div> <div class="text"> <div class="h1"> <div align="left">layout</div> </div> <div align="left"><br /> <b>design:</b> <a target="_blank" href="http://blogskins.com/me/anxiety">anxiety\clara</a><br /> <b>codes:</b> <a target="_blank" href="http://blogskins.com/me/corsages">mary</a><br /> <b>references:</b> <a href="http://blogskins.com/me/pullthetrigger">huiting</a><br /> <b>icon(changeable):</b> <a href="http://sealedcards.livejournal.com">sealedcards</a><br /> <b>host:</b> <a target="_blank" href="http://www.blogger.com">blogger</a></div> </div> </div> </div> <div id="entries" style="display: none"> <div class="text"> <div class="h1"><blogdateheader></blogdateheader><$BlogDateHeaderDate$></div> <a class="titlelink" title="Link to this post" href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a> <table> <tbody> <tr> <td valign="top" width="110"> <div class="icon"><img alt="" src="http://i411.photobucket.com/albums/pp195/partystealer/fashtwo.png" /></div> </td> <td> <div class="post">testetsetestest</div> </td> </tr> </tbody> </table> </div> <br /> </div> <!-- iD Clean Code Ver. 2.3 By Fantasier --><!-- อย่่าลบข้อความเครดิตที่มานะครับ สามารถก็อปต่อไปได้โดยไม่ลบเครดิตในโค้ด ไม่ต้องให้เครดิตที่หน้าไอดีก็ได้จ้า --><style type="text/css">#wrapper { display:none } </style> <div class="theanchor"></div> <script type="text/javascript">$('.theanchor').parent().wrapInner('<div class="thcon"></div>'); $('#wrapper').before($('.thcon').contents());</script>

หมายเหตุ: ทดสอบการแสดงผลแล้วใน Firefox,IE6,IE7,IE8 พบว่าไม่มีปัญหา (ถ้ามีกรุณาแจ้งแง้งแง้ง) || แอบบอกว่าอันนี้แก้ยากมากครับ โค้ดมันเมาๆ ต้องนั่งโค้ดใหม่พอสมควรเลย