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

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

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

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

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

a{ 
color: #666; text-decoration:none; 
}
a:hover {
color:#333;
}

#main{
margin:auto; width:350px; padding:20px; background:#fff;
}

entry{ 
font: 10px courier new; text-transform: uppercase; color:#333; background-color: lemonchiffon; letter-spacing:1px; float: right; padding: 3px; margin-top: 15px;
}

blogtitle{
font: 10px courier new; text-transform: uppercase; color:white; background-color: silver; letter-spacing:1px; padding: 3px; 
}

.header {
margin-top:30px; padding-bottom:10px; width: 350px; border-bottom: 4px double silver;
}
.header p { 
 px; color: #999; 
}

body {
background:url(http://fc01.deviantart.net/fs70/i/2013/339/3/c/augustempress_chevron3_by_khwan999-d6wvds1.jpg) fixed ;
}

BODY {
scrollbar-darkshadow-color: โค้ดสี  ;
scrollbar-arrow-color:  โค้ดสี  ;
scrollbar-track-color:  โค้ดสี  ;
scrollbar-shadow-color:  โค้ดสี  ;
scrollbar-3dlight-color: โค้ดสี   ;
scrollbar-highlight-color: โค้ดสี  ;
scrollbar-face-color:  โค้ดสี  ;
}  
::-webkit-scrollbar {
width: 5px ;
}
::-webkit-scrollbar-track {
background-color:  #ffffff  ;
}
::-webkit-scrollbar-thumb {
border-radius: 10px ;
background-color:  #DCDCDC  ;
}

td,th,div,body,li,ul,p {
color: #736F6E  ; }

a:link{
color: #F8F8FF ;  /*สีตัวอักษรที่เป็นลิงค์*/
}

A:active,a:visited {
color: #778899  ;  /*สีตัวอักษรตอนที่คลิกลิงค์ และตอนที่ลิงค์แล้ว*/
}
A:hover {
	color: #000;
}

.blogger-labels {
display: none;
}

.comment-form { 
height:260px; overflow: hidden;
}

.comment-icon, .anon-comment-icon {
display: none;
}

}#apDiv1 {
	position:absolute;
	left:365px;
	top:742px;
	width:331px;
	height:24px;
	z-index:1;
}</style>
<div id="apDiv1">
	&nbsp; &nbsp;<a href="http://my.dek-d.com/kujira-san/writer/view.php?id=1062405">Edit by Chabela &bull; iD DREAM</a></div>
<div id="main">
	<div class="header">
		<img src="http://data3.whicdn.com/images/77678430/large.jpg" style="height: 230px; width: 350px;" /><br />
		<div style="margin-top: 8px; text-align: center;">
			<blogtitle style="font-weight: bold;"><a href="&lt;$BlogURL$&gt;" style="font-weight: bold;">A</a>ddme<a href="&lt;$BlogURL$&gt;"></a></blogtitle>&nbsp;&nbsp;<blogtitle style="font-weight: bold;"><a href="&lt;$BlogURL$&gt;" style="font-weight: bold;">w</a>riter</blogtitle>&nbsp;&nbsp;<blogtitle style="font-weight: bold;"><a href="&lt;$BlogURL$&gt;">Q</a>.msf</blogtitle>&nbsp;&nbsp;<blogtitle style="font-weight: bold;"><a href="&lt;$BlogURL$&gt;">S</a>.msg</blogtitle></div>
	</div>
	<div style="text-align: center;">
		<blogger>แนะนำตัว อะไรก็ได้ บลาๆๆ</blogger></div>
	<blogger><itempage><blogitemcommentsenabled>
	<div style="border-top: 1px solid silver; padding-top: 10px;">
		<blogitemcomments>
		<div style="font-style: normal; font-variant: normal; font-weight: normal; font-size: 7pt; line-height: normal; font-family: georgia; letter-spacing: 2px; text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(245, 245, 220); padding-bottom: 10px; text-align: center;">
			บลาๆๆๆ ตัวอักษรไม่เหมือนกันซะงั้น -*-</div>
		</blogitemcomments></div>
	<div style="border-top-width: 1px; border-top-style: solid; border-top-color: silver; padding-top: 10px; text-align: center;">
		<blogitemcomments></blogitemcomments></div>
	</blogitemcommentsenabled></itempage></blogger>
	<div style="border-bottom-width: 4px; border-bottom-style: double; border-bottom-color: silver; text-align: center;">
		<newerposts>ทดสอบบบบบบบบบ&nbsp;<a href="http://www.google.com">ลิ้ง</a><br />
		ใส่อะไรก็ได้ตามสบาย ~<br />
		.<br />
		.<br />
		.<br />
		.</newerposts><br />
		<br />
		<img src="http://fc01.deviantart.net/fs71/f/2012/032/6/6/snsd_jessica_j_estina_gif_by_teklaa-d4oanhc.gif" style="width: 201px; height: 122px;" /><br />
		&nbsp;</div>
	<div style="border-bottom: 4px double silver;">
		<newerposts><a href="&lt;$NewerPosts$&gt;" style="margin-top: 10px; float: right;">&nbsp;</a></newerposts></div>
</div>
<style id="TheSeeker Reki" type="text/css">
a:link {-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;} 
a:hover {-webkit-filter: blur(1.7px);
}</style>
<style type="text/css">
img{-webkit-transition: opacity 0.3s linear; opacity: 1; }   img:hover {-webkit-transition: opacity 0.3s linear; opacity: .60;}</style>

<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 แบบต้นฉบับ ต้องแก้เอง

<html>
<head>
<script type="text/javascript" SRC="https://dl.dropboxusercontent.com/u/74601977/skins/cLS.js"></script>
<style type='text/css'>
#navbar-iframe { 
display:none; 
}a

body {
background:#fff; color:#666; font-size:small; line-height:1.5; text-align:justify; 
}

a{ 
color: #666; text-decoration:none; 
}
a:hover {
color:#333;
}

#main{
margin:auto; width:350px; padding:20px; background:#fff;
}

entry{ 
font: 10px courier new; text-transform: uppercase; color:#333; background-color: lemonchiffon; letter-spacing:1px; float: right; padding: 3px; margin-top: 15px;
}

blogtitle{
font: 10px courier new; text-transform: uppercase; color:white; background-color: silver; letter-spacing:1px; padding: 3px; 
}

.header {
margin-top:30px; padding-bottom:10px; width: 350px; border-bottom: 4px double silver;
}
.header p { 
 px; color: #999; 
}

.blogger-labels {
display: none;
}

.comment-form { 
height:260px; overflow: hidden;
}

.comment-icon, .anon-comment-icon {
display: none;
}
</style></head>

<body>
<div id="main">
<div class="header">
<img src="http://data3.whicdn.com/images/77678430/large.jpg" width="350">
<div style="margin-top: 8px;">
<a style="font-weight: bold;" href="<$BlogURL$>"><blogtitle><$BlogTitle$></blogtitle></a>
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao.
</div>
</div>

<Blogger>
<entry><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></entry>
<$Blogitembody$>
<br>
 <ItemPage>
   <BlogItemCommentsEnabled>
      <div style="border-top: 1px solid silver; padding-top: 10px;"><BlogItemComments>
      <br><blogtitle><$BlogCommentAuthor$></blogtitle>
      <$BlogCommentDeleteIcon$>
      <$BlogCommentBody$><br><br>
      <div style="text-align: right;font: 7pt georgia; letter-spacing: 2px;  text-transform: uppercase;border-bottom: 1px dotted beige; padding-bottom: 10px;">
     <$BlogCommentDateTime$>
      </div><br><br>
      </BlogItemComments></div>
   </BlogItemCommentsEnabled>
   <$BlogItemCreate$>
 </ItemPage>
<a href="<$BlogItemPermalinkURL$>" style="text-transform:uppercase; float:left; font:10px courier new; color:darkkhaki;">☞ permalink&nbsp;</a> 
   <MainPage>
      <BlogItemCommentsEnabled>
        <a style="text-transform:uppercase; float:left; font:10px courier new; color:darkkhaki;" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>&nbsp;✉ leave a comment (<$BlogItemCommentCount$>)</a>
      </BlogItemCommentsEnabled>
   </MainPage>

<a href="<$BlogItemAuthorURL$>" style="text-transform:uppercase; float:right; font:10px courier new; color:darkkhaki;">✍ <$BlogItemAuthorNickname$></a><br><br><br>
</Blogger>

</body></html>

เมื่อมีตัลแล้วก็ต้องมีสิก้า !
55555 ไม่เกี่ยวอีกละ Orz
ไอดีดรีมอันนี้ไม่ได้ทำเองนะ
แค่เอามาแต่งให้น่ะ อันนี้เอามา-
จาก Blogskins นะเก๋ดีแหละ ~

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