iDDM., Blogskins to iDDream

ลำดับตอนที่ #7 : ● Skin #355754 [1Love and trust]

Preview

   

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

Codes.

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

<style type="text/css"> #navbar-iframe { display: none; } body{ background:black url(http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/vintage/Enlighten.gif ) fixed; font:8pt/15px arial; color:gray; overflow-x:hidden; } .main{ font:8pt/14px tahoma; padding:0px; background:#dedede ; width:750px; margin:120px auto; border-spacing:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom:0px;} .main td{ vertical-align:top; text-align:justify; } .topnav{ border:0px; width:750px; padding:; -moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; background:#222; padding:0px; border-spacing:0px; font:8pt/14px arial; position:absolute; left:50%; top:0%; margin-left:-375px; overflow:hidden; } .header{ background:url(http://i54.tinypic.com/30szmoj.jpg); font: 8pt/8px arial; color:#555; text-transform:lowercase; letter-spacing:5px; text-align:center; color:; top:0%; left:50%; margin-left:-365px; position:absolute; margin-top:27px; min-height:81px; width:710px; padding:10px; overflow:hidden;} .bottom{ background:#222; color:rgba(255,255,255,0.2); font:7pt/ 10px verdana; left:50%; margin-left:-375px; position:fixed; bottom:0px; width:730px; padding:10px; border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;} td.thleft{ width:70%; background:transparent; padding:0px;} td.top{background:transparent;} table.whitebox{ background:white; width:730px; position:relative; left:50%; margin-top:0px; margin-left:-365px; margin-bottom:20px; border-spacing:10px; height:100px;} td{vertical-align:top;} div.cop{ display:block; background:white; padding:0px; text-align:justify;} .white{ border:1px solid #ddd; padding:10px; min-height:150px;} td.box{ width:222px; font:8pt/12px franklin gothic book; color:#000; border-right:1px solid rgba(0,0,0,0.4); padding:5px;} .topnav h1, .topnav h2, .topnav h3{ display:inline; text-align:right; padding:5px; line-height:80%;} div.cop h2{ padding:4px; background:rgba(200,200,200,0.23); font:9pt/10px franklin gothic book; letter-spacing:0px; text-transform:uppercase; text-align:left;} img{ border:1px solid #111; padding:5px; background:#aaa url(http://i214.photobucket.com/albums/cc105/24168/egobox/backgrounds/vintage/Enlighten-Night.gif); align:left; margin-right:3px;} a{color:#629EA6; text-decoration:none;} a:hover{color:#aaa;} .topnav a{ text-decoration:none; padding:5px; color:#888; border-right:1px solid #111; display:block; float:left; height:auto; margin:0px auto; font:8pt/15px arial ; height:15px; } .topnav a:hover{ color:#eee; background:#429AA6; height:; text-shadow: 0px 0px 10px white; -moz-box-shadow:inset 0px 0px 30px rgba(0,0,0,0.34);} .topnav h2 a{font-size:inherit; border:none; background:none; color:silver; padding:3px;; display:inline; float:none; height:auto;padding:0px;} .topnav h2 a:hover{text-shadow:none; background:transparent; -moz-box-shadow:none; box-shadow:none; color:rgba(255,255,255,0.8);} h1, h2, h3{ font-family:arial; margin:0px!important; font-weight:normal;} h1{ font:bold 22pt/23px arial; letter-spacing:-3px; color: #007382;} h3 { font: 12px/15px arial; letter-spacing:-1px; color:#111;} h2, div.white h2{ font: 15pt/14px franklin gothic book; letter-spacing:-2px; text-transform:lowercase; color:#333; background:transparent;} h3.cop{ padding:4px; background:rgba(255,255,255,0.4); color:black; font:12pt/12px arial; padding:5px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} h3.cop div{font:8pt/15px tahoma; letter-spacing:0px; color:#555;} .add{ position:absolute;; top:0%; left:50%;Margin-top:35px; margin-left:-360px; color:#007382; ; } .add a{color:#000; opacity:.55; padding:2px 4px;display:block; float:left; height:15px; line-height:15px; background:rgba(0,0,0,0.23); -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;} .add a span, a span{color:white; display:none;} .add a:hover span, a:hover span{display:inline; } .add a:hover {opacity:1; background:#111;color:#007382} b{color:#222;} i {font-family:arial;} u{border-bottom:1px dotted; line-height:80%; text-decoration:none;} big{font-family:franklin gothic book; font-size:200%;} blockquote{background:rgba(16,83,92,0.4); color:#222; font:7pt/14px verdana; padding:8px; margin:20px; border:3px solid rgba(16,83,92,0.3); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} blockquote a:hover{color:#ddd;}</style> <div class="header"> <h3 class="cop" style="padding-bottom: 4px; line-height: 20px; padding-left: 4px; padding-right: 4px; background: none transparent scroll repeat 0% 0%; letter-spacing: -3px; font-size: 22pt; padding-top: 4px">confide <font color="#333333">in</font> <font color="#007382">your</font> <font color="#629ea6">love</font></h3> <font style="padding-bottom: 10px; line-height: 10px; padding-left: 10px; padding-right: 10px; display: block; padding-top: 10px">and always trust your heart. </font></div> <table class="main"> <tbody> <tr> <td class="thleft"><blogger></blogger> <h3 class="cop" style="text-align: right; margin-bottom: 15px !important"> <div><blogdateheader></blogdateheader> <h3 style="font-size: 150%"><$BlogDateHeaderDate$></h3> </div> <div class="cop"> <h2><$BlogItemTitle$> | <a style="float: right" href="<$BlogItemURL$>">Go to post <span style="color: #4e949d">➜ </span></a></h2> <div class="white"><$BlogItemBody$></div> <h3 style="text-align: right; background: #ebebeb"><$BlogItemDateTime$></h3> </div> </h3> </td> <td class="tright"> <h3 class="cop"> <div class="cop"> <h2>I don't think you've heard ★</h2> <div class="white"><img alt="" align="left" width="60" src="http://i737.photobucket.com/albums/xx17/woochann/birdnoat/002/002.png" /> My name is <u>Aneisha Ellis</u>. I am, technically, African-american. I find it hard to name things I hate <b>(because i barely hate anything)</b>. I'm 21 and I don't mind <i>being shy</i>. I try my best at everything and never fear failure because I believe that there is a reason for everything.<br /> <br /> <b>bold</b> <i>italics</i> <u>underline</u> <big>big</big> <a href="#">link</a> <h1>header1</h1> <h2>header2</h2> <h3>header3</h3> <blockquote>here is the blockquote</blockquote></div> </div> </h3> </td> </tr> </tbody> </table> <table class="whitebox"> <tbody> <tr> <td class="box">Archives<br /> <br /> <bloggerpreviousitems></bloggerpreviousitems><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a> | <br /> <br /> <bloggerarchives></bloggerarchives><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a> |</td> <td class="box">Feeds<br /> <br /> a twitter/tumblr/other feed could go here if you'd like.</td> <td class="box" style="border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px">The Friends <br /> <a href="#">friend</a> ★ <a href="#">friend</a> ★ <a href="#">friend</a> ★ <a href="#">friend</a> ★ <a href="#">friend</a> ★ <br /> <br /> The Links Out<br /> <a href="#">link</a> ★ <a href="#">link</a> ★ <a href="#">link</a> ★ <a href="#">link</a> ★ <a href="#">link</a> ★ <a href="#">link</a> ★</td> </tr> </tbody> </table> <div class="bottom">images: <a href="http://fivepointsapart.blogspot.com">♣</a> <a href="http://egobox.com">♣</a> <a href="http://community.livejournal.com/birdtotes">♣</a> layout: <a href="http://blogskins.com/me/aellyniq">★</a> powered by: <a href="http://blogger.com">✚</a> <div style="width: 50px; float: right"><newerposts></newerposts> <div style="text-align: left; float: left"><a href="<$Newerposts$>">◄<span> back</span></a></div> <olderposts></olderposts> <div style="text-align: right"><a href="<$Olderpost$>"><span>forth</span> ►</a></div> </div> </div> <table class="topnav" style="position: fixed"> <tbody> <tr> <td><a style="border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; -moz-border-radius: 0px 0px 0px 10px" href="#">fcbk</a><a href="#">dvntrt</a><a href="#">tmblr</a><a href="#">hrtnashl</a><a href="#">blgskns</a> <h2 style="font: 12pt/10px arial; float: right; letter-spacing: -1px">traumatic lust <a onmouseout="this.innerHTML=' ♡ '" onmouseover="this.innerHTML='► '" href="#">♡ </a> <h2></h2> </h2> </td> </tr> <tr> </tr> </tbody> </table> <div class="add"><a href="#">✚ <span>follow</span></a></div> <!-- iD Clean Code Ver. 2.3 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>'); $('.thcon').hide(); $('#wrapper').before($('.thcon').contents());</script>

หมายเหตุ: แสดงผลดีใน Firefox เท่านั้น (เป็นมาตั้งแต่สกินต้นฉบับครับ)