นิยาย ' Chabela ● iD. Dream > ลำดับตอนที่ #15 : Chabela ● cleary grey : Dek-D.com

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

ลำดับตอนที่ #15 : Chabela ● cleary grey

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

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

<title></title>
<script type="text/javascript" src="http://qsstory.googlecode.com/files/sparkle.js"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript">
function changeNavigation(id){document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}</script>
<style type="text/css">
@font-face{font-family:tinytots;src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
#navbar-iframe{display:none}
body{cursor:url(http://i.imgur.com/lpGrC.png),auto!important;background:#fafafa;color:#777;font:11px trebuchet ms;word-wrap:break-word;overflow-x:hidden}
#post{left:370px;top:0px;width:550px;position:absolute;}
#side{left:50px;top:100px;width:300px;padding:5px;position:fixed}
#main{background:#000;padding:2px;opacity:.7;margin-top:-45px;color:#fff;margin-bottom:2px;
font:8px tinytots;text-transform:uppercase;text-align:justify}
.h1{color:#999;font:10px arial;padding:2px;text-transform:uppercase;background:#f1f1f1}
.h2{color:#777;border-radius:0 0 5px 5px;padding:2px;background:#f4f4f4;font:8px tinytots;text-transform:uppercase}
a,a:visited{text-decoration:none;color:#999;-webkit-transition:.4s;}
a:hover{cursor:url(http://i.imgur.com/7uz8W.png),progress;color:#e5e5ed}
blockquote{border-left:2px solid #f4f4f4;padding:5px}
.tr-caption{font:8px tinytots;background:#000;color:#fff;text-transform:uppercase;padding:1px 2px}
a.nav{padding:1px 2px;background:#f4f4f4;font:8px tinytots;text-transform:uppercase;border-left:0px #f4f4f4 solid;-webkit-transition:.4s;display:block}
a.nav:hover{cursor:url(http://i.imgur.com/7uz8W.png),progress;border-left:10px #fff solid}
.blogger-labels{border-top: 1px solid #eee;padding:3px}
ul li,li,ul{list-style-type:square;line-height:13px;margin:0;}
i{font:italic 11px georgia;color:#999;display:inline-block}
strike,s{font:11px georgia;color:#777;display:inline-block}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track-piece{background:#f9f9f9}
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{background:#e9e9e9}
::-moz-selection,::selection{background:#eee}
#popup{background:#000;border:2px solid #000;padding:2px;opacity:.9;color:#fff;font:8px tinytots;text-transform:uppercase;width:292px;height:191px;overflow-y:scroll;margin-top:105px;margin-left:55px;position:fixed;z-index:1;}</style>
<div id="side">
	<a href="/"><img src="http://i.imgur.com/hs41T.jpg" width="300" /></a>
	<div id="main">
		ใส่ข้อความอะไรก็ได้ แนะนำตัว บลาๆๆ</div>
	<div id="prof" style="display:none">
		Some call me Anon, some call Anonymous. Actually, I don&#39;t know who the real I am. LOL, replace your little &#39;about me&#39; here. Same, make it three lines too.</div>
	<div id="cr" style="display:none">
		Skin originally made by <a href="http://www.blogskins.com/info/375882" target="blank">cute</a><a href="http://itoshi-hito.blogspot.com/" target="blank">muffin</a>. The one that made a change from that skin, <a href="//qsstoy.blogspot.com" terget="_blank">Qay</a><a href="//blogskins.com/me/qsstory" target="_blank">yum</a>. Banner originally image take from <a href="http://aboki.net" target="blank">aboki</a> and edited on Photoshop CS5 by <a href="//qsstoy.blogspot.com" terget="_blank">Qay</a><a href="//blogskins.com/me/qsstory" target="_blank">yum</a>.</div>
	<div id="aff" style="display:none">
		<a href="http://" target="_blank">ใส่ข้อความอะไรก็ได้</a></div>
	<br />
	<br />
	<a class="nav">add me</a><a class="nav">writer</a><a class="nav">talk to me</a> <a class="nav" onclick="location.href='//qsstoryfanfic.blogspot.com/'">S.msg</a> <a class="nav">facebook</a> <a class="nav">twitter</a><br />
	<div class="h1">
		<strong>M</strong>usic</div>
	<div style="height:100px;overflow-y:auto">
		<br />
		<span style="font-family: tinytots; font-size: 10px; text-transform: uppercase; background-color: rgb(244, 244, 244);">ใส่เพลงตรงนี้ หรือเพื่อนสนิทก็ได้ แก้ที่หัวข้อเอานะ&nbsp;</span><br />
		<p id="twitter_update_list">
			&nbsp;</p>
	</div>
	<div class="h1">
		credits&nbsp;</div>
	<center>
		<a class="nav" onclick="location.href='//blogskins.com/me/qsstory'">BLOGSKINS</a><span style="font-size:8px;"><a class="nav" onclick="location.href='//blogskins.com/me/qsstory'">edit by Chabela ●&nbsp;.id dream</a></span><br />
		<span style="font:11px consolas;text-transform:uppercase"><newerposts></newerposts></span></center>
</div>
<div id="main2">
	<div id="post">
		<blogger>
		<div class="h1">
			แนะนำตัวอะไรก็ได้ หรือข้อความต้อนรับอะไรก็ได้</div>
		<div class="h2">
			<blogdateheader></blogdateheader><br />
			<blogitemcommentsenabled></blogitemcommentsenabled></div>
		<div class="h2" style="text-align: center;">
			&nbsp;ข้อความมมมมมมมมมมมมมมม<br />
			กกกกกกกกกกกกกกกกกกกกก<br />
			หฟฟฟฟฟฟฟฟฟฟฟฟ<br />
			<br />
			.<br />
			.<br />
			.<br />
			.<br />
			.<br />
			.<br />
			.<br />
			.<br />
			.<br />
			รูปข้างๆนี่เปลี่ยนได้นะ ขนาดความกว้างไม่เกิน 300px<br />
			<br />
			&nbsp;</div>
		<div class="h2">
			<br />
			<br />
			<br />
			<br />
			<br />
			<br />
			<br />
			<br />
			<br />
			<br />
			<br />
			&nbsp;</div>
		</blogger><br />
		&nbsp;</div>
	<div id="popup" style="display:none">
		<div>
			stuffs //<a onclick="$('#fade').fadeTo('slow','1').css('background','#000'); $('#popup').fadeOut('slow');">close</a></div>
		Put any of your stuffs to here. Make it long, babeh. Oh, this also can be your &#39;about me&#39; section if you don&#39;t like the little one up there.
		<ul>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
			<li>
				example</li>
		</ul>
	</div>
</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 แบบต้นฉบับ ต้องแก้เอง

<div id="main">
Simply put your little description or introduction. For make it better, write about three lines only. This blog is sucks on IE, fine on MF and best on GC.
</div>

<div id="prof" style="display:none">
Some call me Anon, some call Anonymous. Actually, I don't know who the real I am. LOL, replace your little 'about me' here. Same, make it three lines too.
</div>

<div id="cr" style="display:none">
Skin originally made by <a target="blank" href="http://www.blogskins.com/info/375882">cute</a><a target="blank" href="http://itoshi-hito.blogspot.com/" target="_blank">muffin</a>. The one that made a change from that skin, <a terget="_blank"href="//qsstoy.blogspot.com">Qay</a><a target="_blank"href="//blogskins.com/me/qsstory">yum</a>. Banner originally image take from <a target="blank" href="http://aboki.net">aboki</a> and edited on Photoshop CS5 by <a terget="_blank"href="//qsstoy.blogspot.com">Qay</a><a target="_blank"href="//blogskins.com/me/qsstory">yum</a>.
</div>

<div id="aff" style="display:none">
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
<a href="http://" target="_blank">Freng</a>
</div><br>

<a class="nav" onClick="changeNavigation('prof')">about</a>
<a class="nav" onClick="changeNavigation('cr')">credits</a>
<a class="nav" onClick="changeNavigation('aff')">affies</a>
<a class="nav" onClick="$('#fade').fadeTo('slow','.5').css('background','#fff'); $('#popup').fadeIn('slow');location.href='#'">stuff</a>
<a class="nav" onClick="location.href='http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>'">follow</a>
<a class="nav" onClick="location.href='//qsstoryfanfic.blogspot.com/'">fanfics</a>
<a class="nav" onClick="location.href='//facebook.com/qsstory'">facebook</a>
<a class="nav" onClick="location.href='//twitter.com/qsstory'">twitter</a>
<a class="nav" onClick="location.href='//qsstory.tumblr.com'">tumblr</a>
<a class="nav" onClick="location.href='//blogskins.com/me/qsstory'">blogskins</a>
<a class="nav" onClick="location.href='//www.bloglovin.com/en/blog/3476289/ss'">bloglovin</a>

<br><div class="h1">twittah</div>
<div style="height:100px;overflow-y:auto">
Replace my twithandle [qsstory] to yours.
<p id="twitter_update_list"></p></div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/qsstory.json?callback=twitterCallback2&count=4"></script>

<br><div class="h1">lets talk</div>
<center>For the best look, make you tagboard like this;<br>
Form: width:100% with the height: 65<br>
Main: width:0 with the height: 0.<br>

<span style="font:11px consolas;text-transform:uppercase"><OlderPosts><a href="<$OlderPosts$>"> Older Post</a></OlderPosts> <NewerPosts><a href="<$NewerPosts$>">Newer Posts </a></NewerPosts></span>
</div>

<div id="main2"><div id="post"><Blogger>
<div class="h1"><$BlogItemTitle$></div><div class="h2"><BlogDateHeader>posted on <$BlogDateHeaderDate$> @</BlogDateHeader> <$BlogItemDateTime$> <BlogItemCommentsEnabled><a class="co" href="https://www.blogger.com/comment.g?blogID=<$BlogID$>&postID=<$BlogItemNumber$>" target="_blank">Add comment</a> (<$BlogItemCommentCount$>)</BlogItemCommentsEnabled></div><br><$BlogItemBody$><br></Blogger></div>

<div id="popup" style="display:none">
<div>stuffs //<a onclick="$('#fade').fadeTo('slow','1').css('background','#000'); $('#popup').fadeOut('slow');">close</a></div>

Put any of your stuffs to here. Make it long, babeh. Oh, this also can be your 'about me' section if you don't like the little one up there.
<ul><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li><li>example</li></ul>
</div>
</body></html>