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

ลำดับตอนที่ #31 : Chabela ● Pastel world

เนื้อหานิยายตอนนี้เปิดให้อ่าน
1.73K

2

22 ก.พ. 57

Code ID Dream

<base target="_blank" />
<title></title>
<link href="http://i293.photobucket.com/albums/mm62/happyy-stop/smilefavi-happyy-stop.gif" rel="shortcut icon" type="image/x-icon" />
<link href="http://i293.photobucket.com/albums/mm62/happyy-stop/smilefavi-happyy-stop.gif" rel="icon" type="image/gif" />
<style type="text/css">
::-webkit-scrollbar {
width: 7px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 10px;
width: 7px;
display: block;
background: #fff;
border: 1px solid #dedede
}
::-webkit-scrollbar-track-piece {
background-color: #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #dedede
}
#navbar-iframe {display: none;}
a:link, a:visited {
color: #a4a4a4;
text-decoration:none;
-webkit-transition: 1s;
}
a:hover{
-webkit-transition-duration:.2s;
}
a:link{
color: #C2DFFF ;  
}
A:active,a:visited {
color: #87AFC7 ; 
}
A:hover {
color: #ADDFFF ; 
}
::-webkit-scrollbar {height: auto;width: 6px;background-color: #000; }
::-webkit-scrollbar-thumb {background-color: #F3F3F3;-moz-border-radius: 0px;border-radius: 0px;}
::selection {
background:#FFB6B6;
color:#fff;
}

@font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}

@font-face {font-family:tinytots;src: url(http://static.tumblr.com/tjzfmfv/vbEm08r8p/04b_03__.ttf); }

body {
background:#ffffff ;
}
body {
font:11px georgia;
letter-spacing:0px;
color:#6e6e6e;
cursor: url( http://i1196.photobucket.com/albums/aa406/tieqaonew/01.gif), progress;
}

td,th,div,body,li,ul,p {
color: #657383 ;    
font-size:12px;  
}
blockquote{
width: 465px;
border:2px solid #f2f2f2;
padding: 3px;
color: #7a7a7a;
background: #ffff;
margin-left: 15px;
}
 
img {
filter: alpha(opacity="80");
opacity: 0.8;
-webkit-transition:3s;
}
img:hover {
filter:alpha(opacity="100");
opacity: 1;
-webkit-transition:1s;
}

a.link1 {
background: #fff;
letter-spacing:0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
display:inline-block;
font:10px georgia italic;
letter-spacing: 1px;
text-align:right;
width:135px;
color:#999;
padding:4px;
border-bottom:1px #e6e6e6 solid;
text-decoration:none;
}

a.link1:hover{
background: #fff;
letter-spacing:0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin:1px;
cursor:pointer;
display:inline-block;
font:10px georgia italic;
letter-spacing: 1px;
text-align:right;
color:#999;
border-left:20px solid #fff;
border-bottom:1px #e6e6e6 solid;
text-decoration:none;
}

.blogger-labels {
border-top: 1px solid #eee;
padding: 1px;
}

c {
font-family:'georgia';
letter-spacing: 1px;
font-size: 10px;
padding: 5px;
padding-left: 6px;
padding-right: 6px;
font-style:italic;
color: #666;
}
b {
font-style:bold;
color: #111;
}
u {
text-decoration: none;
border-radius: 4px;
padding: 3px;
-moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px;
}
u:hover {
background: #EF88B6;
color: #FFFFFF;
-webkit-transition: 1s;
-moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; padding: 7x 7px 7px 7px;
}

#pages{
line-height: 20px;
position: absolute;
background-color:#FFFFFf;
top: 40px;
left:520px;;
width: 520px;
padding-left:0px;
padding-right:25px;
-webkit-border-radius:0px; 
-moz-border-radius:0px;
}
.side{
border-right: 35px solid #f6e0fb;
border-right: 10px solid #ffeefe;
background: url(http://24.media.tumblr.com/44f751126ab53fe09d09b88ccb1ec457/tumblr_mhzab3Og2J1r0izm5o1_500.jpg)fixed;
position: fixed;
height: 100%;
width: 250px; 
top: 0px;
left:0px; 
font: 10px georgia;
line-height: 18px;
letter-spacing:0px;
text-align: justify;
color: #fff;
padding-top: 100px;
padding-bottom: 5px;
padding-left:90px; 
padding-right: 90px;
}

a.linky {
font: italic 11px 'georgia'; 
letter-spacing: 1px;
text-align:left;
background: #FFFFFF;
letter-spacing:1px;
margin:1px;
cursor:pointer;
display:normal;
}

.portal {
font-family: arial; 
font-size: 18pt; 
text-align: left; 
letter-spacing: -3px; 
opacity: 1.0;
text-decoration: none; 
padding: 5px 0px 5px 0px; 
margin-bottom: 2px; 
text-transform: lowercase;
}

.a1{
font: italic 11px 'georgia'; 
padding: 5px;
color: #fff; 
display: inline-block;
letter-spacing:1px;  
background-color: #00153C;
letter-spacing:2px;  
margin-left: 0px;
padding-bottom: -4px;
}

.a2{
letter-spacing: 1px;
font:13px print;
text-align:left;
padding-top: 0px;
padding-left: 2px;
margin-bottom:5px;
margin-top:0px;
border-top: 1px solid #000;
color:#666;
}

.a3{
width: 135px;
background-color: #f9f9f9;
padding: 3px;
font: 11px print;
text-align:center;
border:1px solid #e9e9e9;
color:#333;
margin-bottom:6px;
letter-spacing:2px;
}

.a4{
letter-spacing: 1px;
border-bottom: 0px solid #e6e6e6;
font:8px tinytots;
text-transform: uppercase;
text-align:left;
padding: 3px;
margin-left:0px;
margin-bottom:10px;
margin-top:0px;
color:#a4a4a4;
}
#creditnav{
display: inline-block;
border:1px solid #bdbdbd;
background-color:#bdbdbd;
width: 5px;
    height: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    float: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#creditnav:hover{
display: inline-block;
border:1px solid #bdbdbd;
background-color:#fff;
width: 5px;
    height: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.lyric {</style>
<script type="text/javascript">
/***********************************************
* THIS IS DISABLE HIGHLIGHT TEXT SCRIPT
* YOU CAN REMOVE THIS CODES IF YOU WANT
* Credits http://www.dynamicdrive.com/
***********************************************/
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type='text/javascript' language='Javascript'>var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="http://media.tumblr.com/tumblr_mdnej8QiLN1qdlkyg.gif"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Fly To The Sky'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
<div class="side">
	<center>
		<img src="http://1.bp.blogspot.com/-hld6415YnEw/UklTuJibu1I/AAAAAAAAUeo/HdcfVKwJKmY/s1600/1.png" style=" border-radius: 1100px; width:100px;background: #ffffff ; border:0px double #d8d8d8; padding:5px; " /><br />
		<br />
		<span style="color:#a9a9a9;">แนะนำตัวทางนี้จ้าาาาาาาาาาาาาาาาาาาาาาาา.</span><br />
		<a class="link1" href="http://"><span style="color:#add8e6;">+ ใส่เมนู</span></a><a class="link1" href="http://"><span style="color:#add8e6;">ใส่เมนู</span></a><a class="link1" href="http://"><span style="color:#add8e6;">ใส่เมนู</span></a><a class="link1" href="http://"><span style="color:#add8e6;">ใส่เมนู</span></a><a class="link1" href="http://"><span style="color:#add8e6;">ใส่เมนู</span></a><a class="link1" href="http://www.blogger.com/follow-blog.g?blogID=BLOGIDHERE!!"> </a></center>
	<center>
		<a href="http://my.dek-d.com/kujira-san/writer/view.php?id=1062405">Edit by Chabela | iD . Dream</a><br />
		<a class="link1" href="http://"></a></center>
</div>
<div id="pages">
	<blogger><img src="http://31.media.tumblr.com/tumblr_m9lp8ifh9w1rf9shmo1_500.jpg" /><br />
	<br />
	<img alt="the image" src="http://i.imgur.com/Q8Fk5.gif" /><img alt="the image" src="http://i.imgur.com/Q8Fk5.gif" /></blogger><br />
	<br />
	<div style="float:left">
		&nbsp;</div>
	<div style="text-align: center;">
		<img alt="the image" src="http://i.imgur.com/DGE13.gif" style="letter-spacing: 0px;" /><br />
		ใส่อะไรก็ได้ตามใจชอบ ~</div>
</div>
<div id="entries" style="display:none">
	<blogger>&lt;$blogitemtitle$&gt;&lt;$blogdateheaderdate$&gt;&lt;$blogitembody$&gt;
	<div class="a1">
		&lt;$blogitemtitle$&gt; </div>
	&lt;$blogitemtitle$&gt;
	<div class="a2">
		<blogdateheader>&lt;$blogdateheaderdate$&gt;</blogdateheader> | <a href="&lt;$BlogItemCommentCreate$&gt;">&gt;&lt;$blogitemcommentcount$&gt;&lt;$blogdateheaderdate$&gt; comments</a></div>
	&lt;$blogitemcommentcount$&gt;&lt;$blogdateheaderdate$&gt;&lt;$blogitembody$&gt; </blogger>
	<div style="float:left">
		<a class="post" href="&lt;$OlderPosts$&gt;" target="_blank"><c>&lt;$blogitemtitle$&gt;&lt;$blogdateheaderdate$&gt;&lt;$blogitembody$&gt;&lt;$blogitemtitle$&gt;&lt;$blogitemcommentcount$&gt;&lt;$blogdateheaderdate$&gt;&lt;$blogitembody$&gt;back</c> &rarr;</a></div>
	<div style="float:right">
		<a class="post" href="&lt;$NewerPosts$&gt;" target="_blank">&larr; <c>&lt;$blogitemtitle$&gt;&lt;$blogdateheaderdate$&gt;&lt;$blogitembody$&gt;&lt;$blogitemtitle$&gt;&lt;$blogitemcommentcount$&gt;&lt;$blogdateheaderdate$&gt;&lt;$blogitembody$&gt;forward</c></a></div>
	<br />
	&nbsp;</div>
<div id="profile" style="display:none">
	<div class="a1">
		Biography of the typewriter</div>
	<div class="a2">
		Meet the derp one!</div>
	<br />
	<center>
		<img align="center" src="http://images6.fanpop.com/image/photos/33300000/Happy-Birthday-Kai-kai-exo-k-33307209-500-280.gif" style="width: 350px; padding: 3px; border: 1px solid #e2e2e2;" /></center>
	<br />
	<img class="love" src="http://media.tumblr.com/tumblr_lkl76yE4T91qfamg6.gif" /> Earthlings,nice to meet you. My name is &lt;$blogownerfullname$&gt;&lt;$blogitemtitle$&gt;&lt;$blogdateheaderdate$&gt;&lt;$blogitembody$&gt;&lt;$blogitemtitle$&gt;&lt;$blogitemcommentcount$&gt;&lt;$blogdateheaderdate$&gt;&lt;$blogitembody$&gt; and i hate crowds. Please appreciate me or i will have to hate you, too. You know, i have lots of enemies, yet i have lots of close friends. It&#39;s either you&#39;ll be my close friend or you&#39;ll be my enemy. It depends on how you react to this section. Tee-hee.<br />
	<br />
	<blockquote>
		Change this with your biography :)</blockquote>
	<br />
	I lived in Krypton. Has 5 aliens siblings. Stand on 1 and a half feet, weight 180 grams and love to eat pickles!<br />
	<center>
		<img src="http://applepine.chu.jp/line/sen/tenki400.gif" /></center>
	<br />
	<br />
	&nbsp;</div>
<div id="tuto" style="display:none">
	<div class="a1">
		Tutorial list</div>
	<div class="a2">
		jus ask me anything if you like</div>
	<br />
	<center>
		<center>
			<img align="center" src="http://data3.whicdn.com/images/89590489/large.gif" style="width: 450px; padding: 3px; border: 1px solid #e2e2e2;" /></center>
		<br />
		<img src="http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/pix/linewings.gif" /></center>
	<div id="stuff" style="display:none">
		<div class="a1">
			The free page</div>
		<div class="a2">
			Put anything you like, bias page ?</div>
		<br />
		<br />
		<center>
			<img src="http://applepine.chu.jp/line/sen/heart400.gif" /></center>
	</div>
	<script> function changeNavigation(id)
{document.getElementById('pages')
.innerHTML=document.getElementById(id).innerHTML}
</script></div>
<script language=JavaScript>
                 
                </script><script type='text/javascript' language='Javascript'>
      function s_toggleDisplay(his, me, show, hide) {
        if (his.style.display != 'none') {
          his.style.display = 'none';
          me.innerHTML = show;
        } else {
          his.style.display = 'block';
          me.innerHTML = hide;
        }
      }
      </script>&lt;$blogownerfullname$&gt;&lt;$blogitemtitle$&gt;&lt;$blogdateheaderdate$&gt;&lt;$blo&nbsp;
<style type="text/css">
#wrapper {display:none;}</style>
<div class="thisisanchor">
	<strong><a href="http://my.dek-d.com/kujira-san/writer/view.php?id=1062405"><span style="color:#a9a9a9;">&nbsp;Edit by Chabela ID DREAM</span></a></strong></div>
<script type="text/javascript">
$('.thisisanchor').closest('td') Class('modulebg2').addClass('thenewone'); $('#wrapper').parent().prepend($('.thenewone').contents()) Attr('class'); $('.thenewone') (); </script>

Talk with me
นานๆจะมาอัพทีน่อ ~
หวังว่าจะชอบกันนะจ๊ะ

โค้ดเสีย.รูปพัง.กล่องเบี้ยวโปรดแจ้ง!

★tentativo

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

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

ลำดับตอนที่ #31 : Chabela ● Pastel world

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

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

ความคิดเห็น

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

ลำดับตอนที่ #31 : Chabela ● Pastel world

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

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

ความคิดเห็น