นิยาย &YOU ✿ iD DREAM ' > ลำดับตอนที่ #7 : &YOU

ลำดับตอนที่ #7

ลำดับตอนที่ #7 : &YOU | BLOGSKINS.006

อัปเดตล่าสุด 19 พ.ค. 59

&YOU | BLOGSKINS.006
�

ต้นฉบับ�[�butterflies�]�|�preview

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>butterflies</title>

#navbar-iframe { display: none; }
#main { width: 350px; border: 0px; padding: 14px; margin-left: 33%; background: #c6ccc6; background-image: url(http://29.media.tumblr.com/tumblr_lpvgvwcgkn1r1zl4ao1_500.gif); position: absolute; background-attachment: scroll; }
#noodles { width: 330px; border: 0px; padding: 10px; background: #fff; opacity: .92; filter: alpha(opacity=92); text-align: justify; }

#ramen { padding: 10px; margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: 15px; text-align: justify; text-background: #fff; background-image: url(http://i54.tinypic.com/fcvasx.jpg); height: 130px; border-bottom: 5px solid #cf756b; }
#ramen a { background: #000; opacity: .6; filter: alpha(opacity=60); color: #fff; font-family: consolas; padding: 5px; text-align: center; text-decoration: none; margin-left: -10px; margin-top: -10px; border-left: 0px solid #000; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; }
#ramen a:hover { border-left: 20px solid #000; }
.bare { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3px; height: 15px; font-style: italic; margin-bottom: 5px; font-size: 10.5px; }
.bare img { opacity: 0.3; filter: alpha(opacity=30); margin-top: 2px; }

.title { text-align: left; float: left; text-decoration: none; }
.title a { text-decoration: none; color: #555555; padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; font-weight: normal; letter-spacing: 0px; }
.title a:hover { background: #f55b79; color: #FFF; }
.time a { text-align: right; float: right; padding-bottom: 5px; padding-top: 3px; margin-top: -4px; padding-right: 8px; padding-left: 8px; margin-right: -3px; color: #9e9e9e; letter-spacing: 0px; text-decoration: none; }
.time a:hover { background: #6bb372; color: #FFF; cursor: pointer; } 
.entrybody { margin-bottom: 15px; }
.entrybody img { margin: 3px 1px; }

.blogger-labels { color: transparent; text-align: right; font-family: consolas;  letter-spacing: -2px; border-right: 12px solid #f55b79; padding-right: 6px; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -moz-transition-duration: .4s; transition-duration: .4s; }
.blogger-labels:hover { border-right: 12px solid #6bb372; }
.blogger-labels a { letter-spacing: 0px; text-decoration: none; background: #f3f3f3; padding-left: 2px; padding-right: 2px; }
.blogger-labels a:hover { background: #FAFFA3; }

#fade { /*--Transparent background layer--*/
 display: none; /*--hidden by default--*/
 background: #000;
 position: fixed; left: 0; top: 0;
 width: 100%; height: 100%;
 opacity: .80;
  ;
}
.popup_block{
 display: none; /*--hidden by default--*/
 background: #fff;
 padding: 10px;
 border: 1px solid #eee;
 float: left;
 font-size: 1em;
 position: fixed;
 top: 50%; left: 50%;
  ;
 /*--CSS3 Box Shadows--*/
 -webkit-box-shadow: 0px 0px 20px #000;
 -moz-box-shadow: 0px 0px 20px #000;
 box-shadow: 0px 0px 20px #000;
 /*--CSS3 Rounded Corners--*/
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
img.btn_close {
        float: right;
 margin: -2px -2px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
 position: absolute;
}
*html .popup_block {
 position: absolute;
}
.spaghetti { font-style: italic; color: #595959; font-size: 10.5px; border-bottom: 1px solid #eee; padding: 3px; margin-bottom: 5px; }
.spaghetti img { opacity: 0.3; filter: alpha(opacity=30); margin-top: 2px; } 
.mi { margin-top: 10px; }
.mi a { background: url(http://28.media.tumblr.com/tumblr_m0lf3fr7zN1rrt2v9o1_250.jpg); padding: 5px; color: #666; margin: 2px; text-decoration: none; font-family: consolas; text-transform: uppercase; font-size: 11px; -webkit-transition-duration: .2s; transition-duration: .2s; -o-transition-duration: .2s; -moz-transition-duration: .2s; }
.rebus { margin-top: 10px; }
.rebus a { text-decoration: none; margin: 1px; border-bottom: 0px solid #fff; color: #6bb372; -webkit-transition-duration: .3s; transition-duration: .3s; -o-transition-duration: .3s; -moz-transition-duration: .3s; }
.rebus a:hover { background: transparent; font-style: italic; }

</style>
<div id="main">
<div id="noodles"><div id="ramen"><a href="#?w=300" class="poplight" rel="abt">profile</a><br><br><a href="#?w=300" class="poplight" rel="tag">tagboard</a><br><br><a href="#?w=300" rel="outs" class="poplight">links</a><br><br><a href="#?w=300" class="poplight" rel="creds">© credits</a><br><br><br><a href="/">     ✿ 'cos you give me butterflies.</a></div>
<!--- Entries ---!><div class="yum">
<Blogger><div class="bare"><BlogItemTitle><div class="title">
<img border="0" src="http://2.bp.blogspot.com/-pBhfNAFQ4pY/T4_WWySVqoI/AAAAAAAABIc/n2W299w7HdY/s1600/pencil.png">  
<a href="<$BlogItemPermalinkUrl$>"><$BlogItemTitle$></div></a></BlogItemTitle>

<BlogDateHeader><div class="time"><a href="<$BlogItemPermalinkUrl$>" title="@ <$BlogItemDateTime$>"><$BlogDateHeaderDate$></BlogDateHeader></a></div></div>

<div class="entrybody"><$blogitembody$></div></Blogger>
<!--- Entries ---!><OlderPosts><span style="float: left"><a href=<$OlderPosts$>>« Older</a></span> </OlderPosts> <NewerPosts><span style="float: right"><a href=<$NewerPosts$>>Newer »</a></span></NewerPosts></div></div>
</body>

<div id="creds" class="popup_block"><div class="spaghetti"><img border="0" src="http://2.bp.blogspot.com/-pBhfNAFQ4pY/T4_WWySVqoI/AAAAAAAABIc/n2W299w7HdY/s1600/pencil.png">  Credits</div>
banner from <a href="http://thefadingnight.blogspot.com" target="_blank" rel="nofollow">thefadingnight</a>, background from <a href="http://cherrybam.com" target="_blank" rel="nofollow">cherrybam</a>, popup codes from <a href="http://academyoftumblr.tumblr.com" rel="nofollow">academyoftumblr</a> and layout 100% handcoded by <a href="http://blogskins.com/me/fourteenroses" target="_blank" rel="nofollow">fourteen</a><a href="http://fourteenroses.tumblr.com" target="_blank" rel="nofollow">roses</a> (but heavily inspired by <a href="http://www.blogskins.com/info/376974/" rel="nofollow">lamento</a>).
</div>
</div>

<div id="tag" class="popup_block"><div class="spaghetti"><img border="0" src="http://2.bp.blogspot.com/-pBhfNAFQ4pY/T4_WWySVqoI/AAAAAAAABIc/n2W299w7HdY/s1600/pencil.png">  Tagboard</div>
your tagboard here. width is 300px and height around 350px.
</div>
</div>

<div id="outs" class="popup_block"><div class="spaghetti"><img border="0" src="http://2.bp.blogspot.com/-pBhfNAFQ4pY/T4_WWySVqoI/AAAAAAAABIc/n2W299w7HdY/s1600/pencil.png">  Links & Affiliates</div><center>
<div class="mi"><a href="http://facebook.com" rel="nofollow">FACEBOOK</a><a href="http://twitter.com" rel="nofollow">TWITTER</a><a href="http://tumblr.com" rel="nofollow">TUMBLR</a></center>
<div class="rebus"><a href="http://">amy</a> <a href="http://">bernard</a> <a href="http://">callista</a> <a href="http://">danielle</a> <a href="http://">elly</a> <a href="http://">fatin</a> <a href="http://">gabby</a> <a href="http://">hae</a> <a href="http://">irene</a> <a href="http://">joseph</a> <a href="http://">kim</a> <a href="http://">lisa</a> <a href="http://">maureen</a> <a href="http://">noelle</a> <a href="http://">octavia</a> <a href="http://">priscilla</a> <a href="http://">queenie</a> <a href="http://">rain</a> <a href="http://">shawn</a> <a href="http://">tim</a> <a href="http://">una</a> <a href="http://">vivi</a> <a href="http://">wayne</a></div>
<select name="archives" style="width:100%;border:0px;margin:auto;margin-top:5px;background:#eef0ee;font-family:georgia;font-size: 10px; text-transform: lowercase; font-style: italic;" class="link" onChange="location.href=this.options[this.selectedIndex].value;">
<option value="/">archives</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>
</div></div>

<div id="abt" class="popup_block"><div class="spaghetti"><img border="0" src="http://2.bp.blogspot.com/-pBhfNAFQ4pY/T4_WWySVqoI/AAAAAAAABIc/n2W299w7HdY/s1600/pencil.png">  About</div>hello my name is noodle and i love cats. your profile here.
</div>
</div>
</head></html>

แก้ไข�|�preview

#navbar-iframe { display: none; }
#main { width: 350px; border: 0px; padding: 15px; margin-left: 33%; margin-top: 35px;background: #c6ccc6; background-image: url(http://29.media.tumblr.com/tumblr_lpvgvwcgkn1r1zl4ao1_500.gif); position: absolute; background-attachment: scroll; }
#noodles { width: 330px; border: 0px; padding: 10px; background: #fff; opacity: .92; filter: alpha(opacity=92); text-align: justify; }

#ramen { padding: 10px; margin-left: -10px; margin-right: -10px; margin-top: -10px; margin-bottom: 15px; text-align: justify; text-background: #fff; background-image: url(http://upic.me/i/9l/img_3583.jpg); height: 130px; border-bottom: 5px solid #cf756b; }
#ramen a { background: #000; opacity: .6; filter: alpha(opacity=60); color: #fff; font-family: consolas; padding: 5px; text-align: center; text-decoration: none; margin-left: -10px; margin-top: -10px; border-left: 0px solid #000; -webkit-transition-duration: .3s; -o-transition-duration: .3s; -moz-transition-duration: .3s; transition-duration: .3s; }
#ramen a:hover { border-left: 20px solid #000; }
.bare { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3px; height: 15px; font-style: italic; margin-bottom: 5px; font-size: 10.5px; }
.bare img { opacity: 0.3; filter: alpha(opacity=30); margin-top: 2px; }

.title { text-align: left; float: left; text-decoration: none; }
.title a { text-decoration: none; color: #555555; padding-top: 4px; padding-bottom: 4px; padding-right: 8px; padding-left: 8px; font-weight: normal; letter-spacing: 0px; }
.title a:hover { background: #f55b79; color: #FFF; }
.time a { text-align: right; float: right; padding-bottom: 5px; padding-top: 3px; margin-top: -4px; padding-right: 8px; padding-left: 8px; margin-right: -3px; color: #9e9e9e; letter-spacing: 0px; text-decoration: none; }
.time a:hover { background: #6bb372; color: #FFF; cursor: pointer; } 
.entrybody { margin-bottom: 15px; }
.entrybody img { margin: 3px 1px; }

.blogger-labels { color: transparent; text-align: right; font-family: consolas;  letter-spacing: -2px; border-right: 12px solid #f55b79; padding-right: 6px; -webkit-transition-duration: .4s; -o-transition-duration: .4s; -moz-transition-duration: .4s; transition-duration: .4s; }
.blogger-labels:hover { border-right: 12px solid #6bb372; }
.blogger-labels a { letter-spacing: 0px; text-decoration: none; background: #f3f3f3; padding-left: 2px; padding-right: 2px; }
.blogger-labels a:hover { background: #FAFFA3; }

#fade { /*--Transparent background layer--*/
 display: none; /*--hidden by default--*/
 background: #000;
 position: fixed; left: 0; top: 0;
 width: 100%; height: 100%;
 opacity: .80;
  ;
}
.popup_block{
 display: none; /*--hidden by default--*/
 background: #fff;
 padding: 10px;
 border: 1px solid #eee;
 float: left;
 font-size: 1em;
 position: fixed;
 top: 50%; left: 50%;
  ;
 /*--CSS3 Box Shadows--*/
 -webkit-box-shadow: 0px 0px 20px #000;
 -moz-box-shadow: 0px 0px 20px #000;
 box-shadow: 0px 0px 20px #000;
 /*--CSS3 Rounded Corners--*/
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}
img.btn_close {
        float: right;
 margin: -2px -2px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
 position: absolute;
}
*html .popup_block {
 position: absolute;
}
.spaghetti { font-style: italic; color: #595959; font-size: 10.5px; border-bottom: 1px solid #eee; padding: 3px; margin-bottom: 5px; }
.spaghetti img { opacity: 0.3; filter: alpha(opacity=30); margin-top: 2px; } 
.mi { margin-top: 10px; }
.mi a { background: url(http://28.media.tumblr.com/tumblr_m0lf3fr7zN1rrt2v9o1_250.jpg); padding: 5px; color: #666; margin: 2px; text-decoration: none; font-family: consolas; text-transform: uppercase; font-size: 11px; -webkit-transition-duration: .2s; transition-duration: .2s; -o-transition-duration: .2s; -moz-transition-duration: .2s; }
.rebus { margin-top: 10px; }
.rebus a { text-decoration: none; margin: 1px; border-bottom: 0px solid #fff; color: #6bb372; -webkit-transition-duration: .3s; transition-duration: .3s; -o-transition-duration: .3s; -moz-transition-duration: .3s; }
.rebus a:hover { background: transparent; font-style: italic; }</style>
<div id="main">
	<div id="noodles">
		<div id="ramen">
			<br />
			<a class="poplight" href="http://my.dek-d.com/ไอดีของคุณ/friend/request_friend.php">addme ✿</a><br />
			<br />
			<a class="poplight" href="http://my.dek-d.com/ไอดีของคุณ/writer" target="_blank">writer ✿</a><br />
			<br />
			<a class="poplight" href="http://my.dek-d.com/ไอดีของคุณ/qmsg" target="_blank">qmsg ✿</a><br />
			<br />
			<a class="poplight" href="http://my.dek-d.com/ไอดีของคุณ/sendsecret.php">smsg ✿</a><br />
			<br />
			 </div>
		<div class="yum">
			<blogger>
			<div class="entrybody" style="text-align: center;">
				<img alt="free unlimited image hosting" src="http://upic.me/i/gf/sq023.png" /><br />
				<br />
				<span style="color:#000000;"><span style="font-size:11px;">คราวนี้เจ๊มาแนวดอกดอกดอกเลยจ้าาาา สวยไปอีกแบบ ต้นฉบับพื้นหลังขาวราวก้นซาลาเปา เจ๊เลยแก้ใส่พื้นลายอื่นแทนนะ<br />
				เจ๊เน้นลายเรียบๆไว้  ใครชอบสีมืดๆก็ไปแก้เองนะ<br />
				<u><strong>เจ๊ใส่เครดิตไว้ข้างล่าง อย่าลบออกล่ะ :( </strong></u></span><br />
				<span style="font-size:11px;">เจ๊ว่าไอดีดรีมรูปแบบนี้ต้องใส่เนื้อหาเยอะๆให้ยาวๆ มันจะดูสวยกว่าแฮะ<br />
				เจ๊ก็ชอบพล่ามอะไรไปเรื่อยของเจ๊ เจอกันตอนหน้า สวัสดี</span></span><br />
				 </div>
			<div class="entrybody" style="text-align: center;">
				<span style="font-size:8px;"><em><span style="color: rgb(105, 105, 105);">thanks : fourteenroses.blogskins |  fantasier ● edit : ampere 2014</span></em></span></div>
			</blogger></div>
	</div>
</div>
<style type="text/css">
/* เริ่มโค้ดลบทุกอย่างออกไป*/
.left,.right{border:none;background: none;}
.modulebg2 { background: none;}
.headtable, .head2, .modulebg1,
#footer, #header, #neck, .left,
#module_left .modulebg2, #module_right .modulebg2,
.hr1, .hr2, .borderlinks
{display: none !important;}
.mainborder
{ border: 0px !important; }
/*ขอบคุณโค้ดจากคุณCaje(id=499460)และคุณเดอะ.เหียกเรนเจอร์(id=666856)*/</style>

*�ไม่อนุญาตให้แจกต่อ�*
รองรับ google chrome , อย่าลบเครดิตออก

? v i p ? theme

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

ลำดับตอนที่ #7 : &YOU | BLOGSKINS.006

❀Lynn.

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

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

ความคิดเห็น

คืนค่าการตั้งค่าทั้งหมด

ลำดับตอนที่ #7 : &YOU | BLOGSKINS.006

❀Lynn.

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

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

ความคิดเห็น