นิยาย ✿ H y d r a n g e a | T h e m e ✿ > ลำดับตอนที่ #49 : ✿ H y d r a n g e a | T h e m e ✿ :: Graphite Pencil [Grey] : Dek-D.com

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

✿ H y d r a n g e a | T h e m e ✿

ลำดับตอนที่ #49 : ✿ H y d r a n g e a | T h e m e ✿ :: Graphite Pencil [Grey]

อัปเดตล่าสุด 8 ม.ค. 60

★�ก็อปไปใช้ได้ตามสบายเลยค่ะ�★

★�เมื่อนำไปใช้แล้วกรุณาคอมเมนต์ด้วยนะคะ�★

★�กรุณาให้เครดิตด้วยนะคะ และห้ามตัดเครดิตออก�★

★�หากชอบก็แอดแฟบหรือกดโหวตค่ะ�★
�

>>วิธีลงโค้ดดิบ<<
�

Theme แสดงผลได้ดีเมื่อใช้

Google Chrome ขนาดหน้าจอ 1366 x 768

= Theme Code =

<br />
<div style="text-align: center;">
	<a href="http://my.dek-d.com/dek-d/writer/view.php?id=985175">H y d r a n g e a</a></div>
<div style="text-align: center;">
	<style type="text/css">
.head1 { background: #393b47 url() !important;border: 3px solid #none   !important;text-shadow: 0.1em 0.1em 0.2em #none;margin-bottom:-20px;  }
.head1 h1 { color: #fff !important;  font-family: tahoma , tahoma; 
border-top: 5px solid #c9cbd8
!important; border-bottom: 5px solid #c9cbd8
!important; border-right: 0px solid #c9cbd8
!important; border-left: 0px solid #c9cbd8
!important; border-top-right-radius:1px; border-bottom-right-radius:1px; border-top-left-radius:1px; border-bottom-left-radius:1px; }

.tableblack{border-collapse:collapse;border-color:none;border-style:none;border-width:0px;}   
.head1 { border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; }

td.head2 {border-top: 3px dashed #c9cbd8
!important; border-bottom:3px dashed #c9cbd8 !important;  }  
 .head2 table,.head2,.head2 td{  background:#393b47 !important; border:1px solid #393b47  !important;  }  
.head2 table,.head2,.head2 td { background: #393b47 url() !important; 
border-top: 0px solid #c9cbd8 !important; 
border-bottom: 0px solid #c9cbd8 !important; 
border-right: 0px solid #c9cbd8!important; 
border-left: 0px solid #c9cbd8 !important; }

.head2 font { color: #fff !important; font-size: 11px; }
hr { visibility:hidden; } span
.small_title { color: #fff !important ;  }
.small_title {color: #fff !important;}   
#button4{background:#c63765 !important;} 
#button3{background:#c63765 !important;}  
a:link { color:#babcc9; }
A:active,a:visited { color:#babcc9; } 
A:hover { color:#6c6e7b!important; 
background:none !important; color: #none;
}

BODY 
{scrollbar-darkshadow-color: #c9cbd8 ;
scrollbar-arrow-color:  #c9cbd8 ;
scrollbar-track-color:  #c9cbd8 ;
scrollbar-shadow-color:  #c9cbd8 ;
scrollbar-3dlight-color: #c9cbd8  ;
scrollbar-highlight-color: #c9cbd8  ;
scrollbar-face-color:  #c9cbd8 ;}
::-webkit-scrollbar {width: 5px; height: 0px;}
::-webkit-scrollbar-track-piece {background-color: #c9cbd8;}
::-webkit-scrollbar-thumb { background-color: #393b47;}

INPUT,SELECT,TEXTAREA { background-color :#fff !important; 
border:solid 5px #f3f3f3 !important; 
color:#393b47 !important; 
font-family:tahoma; font-size:12px; }

a:link { color:#babcc9; }

body { background: #ffffff url(http://www.uppic.org/image-ADDE_587209BB.jpg) repeat fixed; } hr { visibility:hidden; }

table { background: #8d8d8d ; border:none; 
border-collapse:separate !important; }

table,td,span.desc_head,tbody,tr { background-color:#fff !important; 
border:none !important; color:#8d8d8d; font-size:12px; font-weight:400; }

table.story { border:none; color:#8d8d8d ; 
font-size:12px; font-weight:700; }

td,td font { color:#8d8d8d !important; }

td,th,div,body,li,ul,p { color:#8d8d8d !important; 
font-family:Tahoma; font-size:12px; }	</style>
	<style type="text/css">
*::selection{
background:#f7f2ee;
color:#8d8d8d ;}
*::-moz-selection{
background:#f7f2ee;
color:#8d8d8d;}
*::-webkit-selection{
background:#f7f2ee ;
color:#8d8d8d
 ;	</style>
	<style id="nobra_013" type="text/css">
img[src*='rim'] { 
display:none !important;}	</style>
</div>
<style id="tantine" type="text/css">
.accord-big,.app-footer,#a
{ display:none !important; }</style>
<style id="tantine" type="text/css">
/*ลบแถบลิงค์ใต้ชื่อบทความ*/
td[align="right"]>table[cellspacing="2"]
{ display:none !important; }</style>
<style id="tantine" type="text/css">
img[src="http://www.dek-d.com/writer/img/no_nc.gif"]
{ display:none !important; }</style>
<style id="tantine" type="text/css">
#shareform,#shareicon
{ display:none !important; }</style>
<style type="text/css">
#google_ads_comment1 li{display:none !important}</style>
<style type="text/css">
#aswift_0_anchor{display:none !important}</style>
<style type="text/css">
#google_ads_comment1{display:none !important}</style>
<style type="text/css">
a:hover {letter-spacing:1px; color:#6c6e7b; padding:1px;
 text-decoration:none; -webkit-transition-timing-function: ease-out; 
 -webkit-transition-duration: 250ms; -moz-transition-timing-function: ease-out; 
 -moz-transition-duration: 300ms; }
 a:link{ transition:all .5s ease-out; -webkit-transition: .5s; -moz-transition: .5s; }
 a:hover { transition:all .5s ease-out; -webkit-transition: .5s; -moz-transition: .5s; background:#สีพื้นเวลาชี้ลิ้งค์; border-top: 0px dashed border; border-bottom: 0px double; border-top: 0px double; border-bottom: 0px double;}</style>
<style type="text/css">
img:hover {border: 2px dashed #f3f3f3;box-shadow: 3px 3px 3px #c7c7c7;-webkit-transition:1.5s; -moz-transition:1.5s; -o-transition:1.5s;border-radius: 5px;-webkit-border-radius: 5px;}img {border: 2px dashed#f3f3f3;padding: 1px;-webkit-transition:1.5s; -moz-transition:1.5s; -o-transition:1.5s;border-radius: 7px;-webkit-border-radius: 7x;}</style>
<style type="text/css">
img{
 -webkit-transition: 1.0s;
 -moz-transition: 1.0s;}
 
 img:hover{
 -webkit-animation-name: shake;
 -webkit-animation-duration: 2s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: ease-in-out;
 filter: none;;}
 @-moz-keyframes shake /* Firefox*/
 {
 { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
  20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
  30% { -moz-transform:  translate(0px, 2px) rotate(0deg); }
  40% { -moz-transform:  translate(1px, -1px) rotate(1deg); }
  50% { -moz-transform:  translate(-1px, 2px) rotate(-1deg); }
  60% { -moz-transform:  translate(-3px, 1px) rotate(0deg); }
  70% { -moz-transform:  translate(2px, 1px) rotate(-1deg); }
  80% { -moz-transform:  translate(-1px, -1px) rotate(1deg); }
  90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
  100% { -moz-transform:  translate(1px, -2px) rotate(-1deg); }
 }
 @-ms-keyframes shake /* IE9*/
 {
 10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }
  20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }
  30% { -ms-transform: translate(0px, 2px) rotate(0deg); }
  40% { -ms-transform: translate(1px, -1px) rotate(1deg); }
  50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }
  60% { -ms-transform: translate(-3px, 1px) rotate(0deg); }
  70% { -ms-transform: translate(2px, 1px) rotate(-1deg); }
  80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }
  90% { -ms-transform: translate(2px, 2px) rotate(0deg); }
  100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }
 }
 @-webkit-keyframes shake /* Safari and Chrome */
 {
 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
  10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
  40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
  80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
  90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
  100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
 }</style>