นิยาย ' Chabela ● iD. Dream > ลำดับตอนที่ #18 : Chabela ● EXO : Miracles in December : Dek-D.com

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

ลำดับตอนที่ #18 : Chabela ● EXO : Miracles in December

อัปเดตล่าสุด 14 ธ.ค. 56

Code แบบแก้แล้ว+แต่งให้เสร็จสรรพ

<title></title>
<link href="data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA+vr6ANvUzAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAISAAAAAAAAIREgAAAAAAIRERIAAAAAIRERESAAAAAhESERIAAAACESAhEgAAAAAiAAIgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD//wAA/38AAP4/AAD8HwAA+A8AAPAHAADwBwAA8IcAAPnPAAD//wAA//8AAP//AAD//wAA" rel="icon" type="image/x-icon" />
<link href="http://www.kerismith.com/wp-content/themes/KeriSmith/fontface.css" rel="stylesheet" />
<script> function changeNavigation(id) {document.getElementById('boxx').innerHTML=document.getElementById(id).innerHTML} </script>
<style type="text/css">
#navbar-iframe { display: none; }
::selection { color: #f1f1f1; background: #b3bbc5; }
::-webkit-scrollbar { height: 12px; width: 10px; background-image: url(http://i48.tinypic.com/r86yq9.jpg); }
::-webkit-scrollbar-thumb { background-image: url(http://i49.tinypic.com/2ijmck5.jpg); -webkit-border-radius: 0ex;  -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.75); }
::-webkit-scrollbar-corner { background: #transparent}

body { background-image:url(http://i48.tinypic.com/r86yq9.jpg); background-attachment: fixed; font-size: 11px arial; color: #777777; line-height: 150%; }
td, th { color: #999; font: 8pt arial; color: #888; text-align: justify; line-height: 20px; }

i { color: #999; font: georgia 9pt;}
s {color: #b3bbc5;}
b {font-family: "arial", sans-serif; color: #b3bbc5;}
u {color: #999; border-bottom: 1px dashed #b3bbc5; text-decoration: none;}

a:link, a:visited, a:active { text-decoration: none; color: #999; font: courier new 8pt; text-transform: uppercase; letter-spacing: 1px;}
a:hover { text-decoration: none; color: #b3bbc5; }

a.link2 { background-color: #f5f5f5; font-family: arial; font-size: 7.5pt; color: #999999; margin: 2px; text-transform: uppercase; padding: 3px 5px 3px 5px; text-align: center; display: inline-block; border: 1px solid #f5f5f5; }
a.link2:hover { background-color: #b3bbc5; color: #f1f1f1; border: 1px solid #f1f1f1; }

#main { margin-left: auto; margin-right: auto; width: 798px; }

.h1 { font: 7pt arial; color: #999; text-transform: uppercase; letter-spacing: 3px; text-align: center; margin: 0 0 5px; line-height: 24pt; background: url('http://25.media.tumblr.com/tumblr_ls0w5txuft1r3vazto2_250.png'); }
.h1:hover { color: #666; opacity: .40; }
.h2 { margin-top: 40px; font-family: KeriSmith regular; font-size: 15pt; color: #A5A5A5; letter-spacing: 2px; }

.photo { float: left; text-align: center; width: 100px; height: 110px; border: 10px solid #eee; background: #eee; color: #999; border-bottom: 20px solid #eee;}

blockquote { padding: 30px; test-align: justify; background-image: url(http://i49.tinypic.com/2ijmck5.jpg); repeat: reapeat; color: #666; border: 1px solid #f7f7f7; font: 8pt lucida console; opacity: .50; }
blockquote:hover { color:#000; }

.navigation { text-align: justify; display: block; background: url("http://24.media.tumblr.com/tumblr_ls0w5txuft1r3vazto12_r1_100.png"); text-transform: uppercase; padding: 15px 50px 15px 50px; border: 1px solid #d9d9d9; -moz-box-shadow: 5px 5px 5px -5px #afafaf; -webkit-box-shadow: 5px 5px 5px -5px #afafaf; box-shadow: 5px 5px 5px -5px #afafaf; width: 100%px; }</style>
<br />
<br />
<br />
<br />
<div class="tab" style="margin-left: auto; margin-right: auto; width: 800px;">
	<font onclick="changeNavigation('about')" onmouseout="this.style.color='#999'" onmouseover="this.style.color='#b3bbc5'" style="font:normal 7pt arial; letter-spacing:2px; background:#f9f9f9; color:#999; padding: 10px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; ">Say hi!</font>&nbsp;<a href="http://my.dek-d.com/ไอดีของคุณ/writer/"><span style="color: rgb(153, 153, 153); font-family: arial; font-size: 10px; letter-spacing: 2px; line-height: normal; background-color: rgb(249, 249, 249);">&nbsp;Writer&nbsp;</span></a>&nbsp;<a href="http://my.dek-d.com/ไอดีของคุณ/friend/request_friend.php"><span style="color: rgb(153, 153, 153); font-family: arial; font-size: 10px; letter-spacing: 2px; line-height: normal; background-color: rgb(249, 249, 249);">&nbsp;Add me&nbsp;</span></a>&nbsp;<a href="http://my.dek-d.com/ไอดีของคุณ/qmsg/"><span style="color: rgb(153, 153, 153); font-family: arial; font-size: 10px; letter-spacing: 2px; line-height: normal; background-color: rgb(249, 249, 249);">&nbsp;Q,msg&nbsp;</span></a>&nbsp;<a href="http://my.dek-d.com/ไอดีของคุณ/sendsecret.php"><span style="color: rgb(153, 153, 153); font-family: arial; font-size: 10px; letter-spacing: 2px; line-height: normal; background-color: rgb(249, 249, 249);">&nbsp;S.msg </span></a>&nbsp;
	<table cellpadding="0" cellspacing="0" style="border: 1px solid #e6e6e6;">
		<tbody>
			<tr>
				<td bgcolor="#f9f9f9" style="font-style: normal; font-variant: normal; padding-left: 50px; padding-right: 50px; padding-bottom: 20px;" valign="top" width="300">
					<div id="boxx">
						<div class="h2" style="font-weight: normal; line-height: normal;">
							<img src="http://25.media.tumblr.com/1f10b97649b0955cc186da2054e894a3/tumblr_mxgzqr762W1qabfioo9_400.png" style="height: 147px; width: 300px;" /><br />
							<span style="color: rgb(165, 165, 165); font-family: 'KeriSmith regular'; font-size: 15pt;">about&nbsp;</span></div>
						<div style="font-weight: normal; color: rgb(153, 153, 153); font-family: 'lucida console'; font-size: 11px; line-height: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238);">
							&nbsp;</div>
						<br />
						<span style="color:#a9a9a9;">ใส่ข้อความได้เลยจ้า<br />
						ตรงเมนูแทรกลิ้งให้แล้วนะเหลือแค่ใส่ไอดี ^^<br />
						ห้ามลบเครดิตด้วยนะจ้ะ&nbsp;</span></div>
				</td>
				<td>
					<img src="http://24.media.tumblr.com/5b1596fb78261c29860fead4d803ef68/tumblr_mxah57bbgj1qgd8moo2_r1_400.jpg" /><br />
					<img src="http://31.media.tumblr.com/1126fcb9a6d3eca31cbf2699b2dd99eb/tumblr_mxah57bbgj1qgd8moo1_400.jpg" /><br />
					<img src="http://25.media.tumblr.com/536f82c1ac9e6674ffa5286b0d4a9fe3/tumblr_mxah57bbgj1qgd8moo3_r1_400.jpg" /></td>
			</tr>
		</tbody>
	</table>
</div>
<div id="about" style="display: none;">
	<div class="h2">
		about</div>
	<div style="border-bottom: 1px solid #eee;">
		&nbsp;</div>
	<br />
	I&#39;m a little cookie, yes i am and i was made by the cookie man and on my way from the cookie pan. a little piece broke off of me but i can taste just as good, uh-huh as a regular cookie can.</div>
<div id="links" style="display: none;">
	<div class="h2">
		links</div>
	<div style="border-bottom: 1px solid #eee;">
		&nbsp;</div>
	<br />
	<table>
		<tbody>
			<tr>
				<td width="50">
					<a class="link2" href="#">friend</a><br />
					<a class="link2" href="#">friend</a><br />
					<a class="link2" href="#">friend</a></td>
				<td width="50">
					<a class="link2" href="#">friend</a><br />
					<a class="link2" href="#">friend</a><br />
					<a class="link2" href="#">friend</a></td>
				<td width="50">
					<a class="link2" href="#">friend</a><br />
					<a class="link2" href="#">friend</a><br />
					<a class="link2" href="#">friend</a></td>
			</tr>
		</tbody>
	</table>
	<br />
	<br />
	<select name="ArchiveMenu" onchange="location.href=this.options[this.selectedIndex].value;" style="width: 100%; font:8pt georgia; background:#ffffff; border: 1px solid #f1f1f1; padding:2px; color: #999999;"><option value="/">archives</option><option value="&lt;$BlogArchiveURL$&gt;">&lt;$BlogArchiveName$&gt;</option></select><br />
	<br />
	layout by <a href="http://ohquack.blgspot.com">sweet</a>.<a href="httpp://blogskins.com/me/sweetmsery">m!sery</a><br />
	resources: <a href="http://ixora.tumblr.com/tagged/resources/page/2" title="bg">x</a><a href="http://kerismith.com/" title="bg">o</a><a href="http://sundaysecretss.livejournal.com" title="icons">x</a><a href="http://weheartit.com/entry/29076139/via/dollyvogue" title="img">o</a></div>
<div id="tag" style="display: none;">
	<div class="h2">
		tagboard</div>
	<div style="border-bottom: 1px solid #eee;">
		&nbsp;</div>
	<br />
	<div id="cboxdiv" style="text-align: center; line-height: 0">
		<div>
			<iframe allowtransparency="yes" frameborder="0" height="100" id="cboxmain7-429096" marginheight="2" marginwidth="2" name="cboxmain7-429096" scrolling="auto" src="http://www7.cbox.ws/box/?boxid=429096&amp;boxtag=mjw5z0&amp;sec=main" style="border: 0px solid;" width="190"></iframe></div>
		<div>
			<iframe allowtransparency="yes" frameborder="0" height="60" id="cboxform7-429096" marginheight="2" marginwidth="2" name="cboxform7-429096" scrolling="no" src="http://www7.cbox.ws/box/?boxid=429096&amp;boxtag=mjw5z0&amp;sec=form" style="border: 0px solid;border-top:0px" width="190"></iframe></div>
	</div>
</div>
<div id="main">
	<blogger>
	<div style="background:#fff;border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; ">
		<div class="h1">
			Miracles in december</div>
		&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;<br />
		&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span style="color:#a9a9a9;"> ตรงนี้ก็ใส่อะไรไปก็ได้นะ จะแนะนำบทความหรืออะไรก็ได้</span><br />
		&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<embed allowfullscreen="true" allowscriptaccess="always" height="25" src=" http://www.youtube.com/v/HI1nTLeTHyo?version=2&amp;hl=en_US&amp;autoplay=1&amp;loop=1&amp;color1= CCCCCC &amp;color2=FFFFFF" type="application/x-shockwave-flash" width="250"></embed><br />
		&nbsp;</div>
	</blogger><br />
	<div style="margin-left: auto; margin-right: auto; width: 800px;">
		<div class="navigation" style="text-align: center;">
			<span style="color:#696969;"><font face="courier new">Edit by&nbsp;</font></span><a href="http://my.dek-d.com/dek-d/writer/view.php?id=1062405">&#39; Chabela ● iD. Dream</a></div>
	</div>
	<br />
	&nbsp;</div>
<br />

<style type="text/css">
#wrapper {display:none;}</style>
<div class="thisisanchor">
	&nbsp;</div>
<script type="text/javascript">
$('.thisisanchor').closest('td') Class('modulebg2').addClass('thenewone'); $('#wrapper').parent().prepend($('.thenewone').contents()) Attr('class'); $('.thenewone') (); </script>

Code แบบต้นฉบับ ต้องแก้เอง