นิยาย ｡Winner △ Theme Ver.2 - > ลำดับตอนที่ #2 : Winner : Rainbow Pastel : Dek-D.com - Writer

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

เลื่อนอัตโนมัติ

ฟอนต์ THSarabunNew
ฟอนต์ Sarabun
ฟอนต์ Mali
ฟอนต์ Trirong
ฟอนต์ Maitree
ฟอนต์ Taviraj
ฟอนต์ Kodchasan
ฟอนต์ ChakraPetch

｡Winner △ Theme Ver.2 -

ลำดับตอนที่ #2 : Winner : Rainbow Pastel

อัปเดตล่าสุด 22 เม.ย. 57

.-Rainbow Pastel

the image Code Mouse

the image

Code Theme the image

the image

*แก้โค้ดแล้วนะจ้ะ ตอนแรกลืมเปลี่ยนสีเฮด -3-*

<style type="text/css">
p#big_text {
background: #fff0f8 ;
color: #ffffff;
font-family: Georgia,tahoma;
font-size: 50px; 
font-weight: bold;
height: 60px !important;
padding-top: 25px; 
}
.head1{
border-radius: 25px 10px / 10px 25px;} 
}
.cl_pagetab li.cur {
background: #FFFFFF;
color: #CDC9C9
}
ul.name_story li p {
color: #ebf6fc
}
ul.name_story li a {
color: #ebf6fc;
-webkit-transition: 0.7s;-moz-transition:0.7s;
}
ul.name_story li .slash {
color: #fbfcde;
}
ul.name_story li a:hover {
background: #fff2f8;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #78777b; border-top-left-radius: 6px; border-top-right-radius: 6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; 
text-decoration: none;
}
.name_storybox {
color: #FFFFFF;
}
ul.box_facebook li .b_fb_like a {
background: #fbfce1 ;
border: 1px dashed #e8f8ff;
}
ul.box_facebook li .b_fb_like a:hover {
background: #fff2f7 ;
border: 1px dashed #e8f8ff;
}
ul.box_facebook li .b_fb_l_i01 {
background: #e8f8ff;
}
ul.box_facebook li .b_fb_like p {
color: #ebf6fc;
font-family: tahoma; 
font-size: 12px; 
}
p.box_facebook-right2 {
color: #ebf6fc;
}
.box_facebook-right01 p {
color: #ebf6fc;
}
a.review {
background: #fbfce1;
color: #ebf6fc;
}
a.review:hover {
background: #fff0f8 ;
color: #ebf6fc !important;
}
a.name_sb01 {
background: #fbfce1 ;
color: #ebf6fc;
}
.bigname_sb01:hover a.name_sb01 {
background: #fff0f8 ;
color: #ebf6fc !important;
}
p.vote_m {
color: #e8f8ff;
}
p.vote_m span {
color: #e8f8ff;
}
p.box_facebook-right2 strong {
color: #e8f8ff;
font-size: 28px;
font-weight: 700;
}
h2.box02, .box01 {
background: #fff0f8 ;
}
h2.box02 p {
color: #fbfcde;
font-size: 14px; 
}
.favor {
color: #CDC9C9;
font-family: tahoma;
font-size: 12px;
}
ul.box_uu01 li a {
color: #fff0f8;
font-family: tahoma;
font-size: 14px;
}
ul.box_uu01 li a{
background: none !important;
border-right: 1px dashed #fffff7;
}
ul.box03_uu li p {
color: #fffff7;
font-family: tahoma;
font-size: 12px;
}
.box04_head {
background: #fff0f8;
}
a.box04_head03 {
background: #fff0f8;
color: #fffff7;
font-family: tahoma;
font-size: 14px;
}
body { background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/3543/3543669.png) repeat fixed; !important; }
table.story {
border:none;
color: #ffffff ;  
font-size:11px;   
}
#main {
background: none !important;
margin: auto;
width: 987px;
}
::-webkit-scrollbar { height: 15px; width: 12px; background: #ffffff; }
::-webkit-scrollbar-thumb:vertical { background-color: #f9fce1; height: 5px; border: 1px dashed #fff0f8;}
::-webkit-scrollbar-thumb:hover{background:#e8f8ff;border: 1px dashed #fff0f8;
}
::selection { background: #ebf6fc;color: #CDC9C9;}::-moz-selection { background: #ebf6fc ;color: #CDC9C9;
}
.cl_pagetab li.cur {
background: #fafce1;
color: #ebf6fc;
}
ul.name_story li a.st-color {
color: #fff0f8;
}
ul.box03_uu li a {
color: #CDC9C9;
font-family: tahoma;
font-size: 12px; 
-webkit-transition: 0.7s;-moz-transition:0.7s;
}
a:active,a:visited {
color:#CDC9C9 !important;
font-family: tahoma;
font-size: 12px;
-webkit-transition: 0.7s;-moz-transition:0.7s;
}
A:hover {
color:#ffffff !important;
background: #edf8fc;
-webkit-transition: 0.6s;-moz-transition: 0.6s;color:#;padding-left:2px;padding-right:5px;font-weight:bold;box-shadow:-8px 0px 0px #f9fce1; border-top-left-radius: 6px; border-top-right-radius: 6px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; 
}
.comment-action {
background-color: #fff0f8;
}
.comment-setbubble {
border: 2px solid #fff0f8;
background-color: #ffffff;
}
.comment-order {
color: #8a8a8a;
font-size: 36px;
}
.story{
background:#fff!important;
}
.story{
color: #8a8a8a;
font-size: 12px;
}
#big_head {
background: #ffffff ;
}
.content {
background: #ffffff ;
}
.box03 {
background: #ffffff ;
}
.box04_page {
background: #ffffff ;
}
.no-data {
color: #9d9d9d;
}
p.box05_text01 {
color: #CDC9C9;
}
p.box05_text02 {
color: #CDC9C9;
}
.box06 {
background: #fbfcde ;
}
.view_st {
border-bottom: 1px dashed #fbfcde;
}
ul.next li a.next_color01 {
color: #ebf7fc;
}
ul.next li a {
color: #38ccf7;
}
p.font_nu01 {
color: #ebf7fc;
font-size: 16px;
}
.big_next2 {
border-bottom: 1px dashed #fcfcdc;
}
.big_next1 {
border-top: 1px dashed #fcfcdc;
}
}
ul.next li a.next_color01{margin:0px;}ul.bigsize li span{border-right:1px dashed #c6ddd7;}ul.next li a{background:none;font-size:12px!important;border-right:1px dashed #fff0f8;}.big_next1{width:835px!important;border-top:1px dashed #fff0f8!important;}.big_next2{width:835px!important;border-bottom:1px dashed #fff0f8!important;}.view_st{border-bottom:1px dashed #fff0f8!important;}.vote_box{background:none!important;border:1px dashed #fff0f8!important;}.vote_box3{width:50px!importaant;font-size:14px!important;}.select-style,.vote_box3{border:1px dashed #fff0f8!important;}.select-style:hover,.vote_box3:hover{border:1px solid #ebf6fc!important;}
p.font_nu02 {
color: #fcfcdc;
}
.comment-tabbable .comment-tabs .active button {
border-top: 5px solid #fff0f8;
box-shadow:0px -3px 4px #fff0f8 !important;
color: #fff0f8;
}
.cm-box-area .member, .cm-box-area .guest {
background-color: #ffffff;
color: #fff0f8;	</style>
	<style type="text/css">
.desc_head
{display:none !important}	</style>
	<style type="text/css">
p>a>img
{display:none !important;}	</style>
	<style type="text/css">
.accord-big
{display:none !important}	</style>
	<style type="text/css">
.app-footer
{display:none !important}	</style>
	<style type="text/css">
#head
{display:none !important}	</style>
	<style type="text/css">
ul.banner_menu li a 
{display:none !important;}	</style>
	<style type="text/css">
h2.box02 p {
    background: none !important;}	</style>
	<style type="text/css">
.favor {
     background: none !important;}	</style>
	<style type="text/css">
ul.box_uu01 li a{
    background: none !important;
    border-right: 1px dashed #ffffff;}	</style>
	<style type="text/css">
#sec-menu {display:none !important;}	</style>
	<style type="text/css">
#sec-head {display:none !important;}	</style>
	<style type="text/css">
h2.box04_head02 {background: none !important;color: #8B8B83;font-size: 14px;}	</style>
	<style type="text/css">
#main {
background: none !important;
margin: auto;
width: 987px;}	</style>
	<style type="text/css">
#head
{display:none !important}	</style>
	<style type="text/css">
#content_name p
{display:none !important}	</style>
	<style type="text/css">
p>a>img
{display:none !important;}	</style>
	<style type="text/css">
.accord-big
{display:none !important}	</style>
	<style type="text/css">
.app-footer
{display:none !important}	</style>
	<style type="text/css">
.big_fb {border-top: 1px solid #ffffff;}	</style>
	<style type="text/css">
p.vote_m {
    border-right: 1px solid #ffffff;}	</style>
	<style type="text/css">
ul.box_facebook li .b_fb_like p.b_fb_l_font01 {
    border-left: 1px solid #ffffff;}	</style>
	<style type="text/css">
.box_facebook-right01 {
    border-left: 1px solid #ffffff;}	</style>
	<style type="text/css">
h2.box02 p {
    background: none !important;}	</style>
	<style type="text/css">
.favor {
     background: none !important;}	</style>
	<style type="text/css">
ul.box_uu01 li a{
    background: none !important;
    border-right: 1px dashed #ffffff;}	</style>
	<style type="text/css">
ul.box_facebook li{-webkit-transition: 0.9s;-moz-transition: 0.9s;}	</style>
	<style type="text/css">
ul.box_facebook li:hover{border:dashed 0px #52443c;padding:0px;-webkit-animation-name: shakee;-moz-animation-name: shakee;-o-animation-name: shakee;animation-name: shakee;-webkit-animation-duration: 1s;opacity: 0.1;border-radius:10px; filter:alpha(opacity=100);opacity:1.0;border-radius:10px }@-webkit-keyframes shakee {  0% {-webkit-transform: scale(1);}  10%, 20% {-webkit-transform: scale(1.168) rotate(-3deg);}  30%, 50%, 70%, 90% {-webkit-transform: scale(1.168) rotate(3deg);}  40%, 60%, 80% {-webkit-transform: scale(1.168) rotate(-3deg);}  100% {-webkit-transform: scale(1.168) rotate(0);;;}  } @-moz-keyframes shakee {  0% {-moz-transform: scale(1.168);}  10%, 20% {-moz-transform: scale(1.168) rotate(-5deg);}  30%, 50%, 70%, 90% {-moz-transform: scale(1.168) rotate(5deg);}  40%, 60%, 80% {-moz-transform: scale(1.168) rotate(-5deg);}  100% {-moz-transform: scale(1.168) rotate(0);;;} } @-o-keyframes shakee {  0% {-o-transform: scale(1.168);}  10%, 20% {-o-transform: scale(1.168) rotate(-5deg);}  30%, 50%, 70%, 90% {-o-transform: scale(1.168) rotate(5deg);}  40%, 60%, 80% {-o-transform: scale(1.168) rotate(-5deg);}  100% {-o-transform: scale(1.168) rotate(0);;;} } @keyframes shakee {  0% {transform: scale(1);}  10%, 20% {transform: scale(1.168) rotate(-5deg);}  30%, 50%, 70%, 90% {transform: scale(1.168) rotate(5deg);}  40%, 60%, 80% {transform: scale(1.168) rotate(-5deg);}  100% {transform: scale(1.168) rotate(0);;;}}}	</style>
	<style type="text/css">
.avatar img:hover {-webkit-transition: all 0.9s ease-out;
-moz-transition: all 0.9s ease-out;
-webkit-transform: rotate(720deg)!important;
-moz-transform: rotate(720deg)!important;
-o-transform: rotate(720);-moz-border-radius: 20px;  border-radius: 20px;
-webkit-filter: saturate(50%);}	</style>
	<style type="text/css">
p#big_text:hover {
opacity: 1; /*Reflection*/-webkit-text-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.3, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); text-shadow: 0px 0px 20px rgba(255,255,255,0.8); }	</style>
	<style type="text/css">
p#big_text:hover {
opacity: 1; /*Reflection*/-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.3, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); box-shadow: 0px 0px 20px rgba(255,255,255,0.8); }	</style>
	<style type="text/css">
#big_head {
border-radius: 25px 10px / 10px 25px;
}
.content {
-moz-border-radius: 6px;  border-radius: 6px;
}
.box03 {
-moz-border-radius: 6px;  border-radius: 6px;
}
.box04_page {
-moz-border-radius: 6px;  border-radius: 6px;
}
.box04 {
-moz-border-radius: 6px;  border-radius: 6px;	</style>
	<style type="text/css">
.comment-action{border-radius: 25px 10px / 10px 25px;}	</style>
	<style type="text/css">
img[src*="/newtoon/"], img[src*="/board/pic/toon/"] {border-radius: 30px/10px;padding:2px;box-shadow: 0em 0em 2em #888989!important;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;}	</style>
	<style type="text/css">
a{-webkit-transition: 0.9s;-moz-transition: 0.9s;}
a:hover{-webkit-transition: 0.9s;-moz-transition: 0.9s;}	</style>
	<style type="text/css">
h2.box02 p
{-webkit-transition: 0.7s;-moz-transition: 0.7s;}
h2.box02 p:hover
{-webkit-transition: 0.7s;-moz-transition: 0.7s; font-family:Georgia,Tahoma;color: #ffffff !important; letter-spacing:3px;}	</style>
	<style type="text/css">
h2.box02 p:hover {
-webkit-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); text-shadow: 0px 0px 20px rgba(255,255,255,0.8); }	</style>
	<style type="text/css">
h2.box04_head02{
-webkit-transition: 0.7s;-moz-transition: 0.7s;}
.box04_head :hover
{-webkit-transition: 0.7s;-moz-transition: 0.7s; font-family:Georgia,Tahoma;color: #ffffff !important; letter-spacing:3px;}	</style>
	<style type="text/css">
.box04_head :hover {
-webkit-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); text-shadow: 0px 0px 20px rgba(255,255,255,0.8);color: #7d7d7d !important; }	</style>
	<style type="text/css">
#content_name img{border:1px dashed #a8a8aa!important; padding:3px;border-radius: 30px/10px;}	</style>
	<style type="text/css">
#content_name img:hover{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-animation-name:gmnr;-webkit-animation-duration: .3s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}
@-moz-keyframes gmnr{50%{ -moz-transform:: translate(0px, 0px) rotate(3deg); }}@-webkit-keyframes gmnr {50% { -webkit-transform: translate(0px, 0px) rotate(3deg);}	</style>
	<style type="text/css">
#content_name img:hover{-webkit-filter: saturate(50%);}	</style>
	<style type="text/css">
#content_name img{-webkit-transition: 1.0s;-moz-transition: 1.0s;}	</style>
	<style type="text/css">
ul.bigsize li p {
color: #a8a7ac;
font-size: 12px;	</style>
	<style type="text/css">
/*blacklips' credit ห้ามลบเครดิต*/
<style type="text/css">
/*โค้ดเปลี่ยนไอคอน*/
ul.next li a {background: url(http://static.tumblr.com/hjbpha7/4EHn3aiwk/l1.png) no-repeat;}
/*betting-bet*/	</style>
</div>
<style name="captain" type="text/css">
img { filter: alpha
(opacity=100); opacity:1.0;}img:hover { filter: alpha(opacity=70);
opacity:.7 } img {-webkit-transition:0.7s; -moz-transition:0.7s;
-o-transition:0.7s;}</style>
<style type="text/css">
.bigname_sb01:hover ul.name_sb01_uu, a.name_sb01:hover ul.name_sb01_uu { background: #ebf6fc;}</style>
<style type="text/css">
.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa { color: #CDC9C9;}</style>
<a href="http://writer.dek-d.com/ploylovekorea123/writer/view.php?id=1136488" target="_blank"><strong>Winner Theme</strong></a>
<style type="text/css">#content_name {border: 1px solid #ffffff;}</style>
<style type="text/css">.icon-comment_dash:before {display:none !important;}</style>
<style type="text/css">h3 .ribbon {background: none !important;}</style>

<style type="text/css" name="P-mild-ItimYen">
.btn,
div>div>div>div>div {background:#fff0f8 !important;
border-left:none !important;
border-right:none !important;
}
div>div>div {background:none!important;}
.notifications .user-main>a{
border:none!important;
}
.btn,
DIV>DIV>DIV>DIV>DIV {
BACKGROUND:#ffffff!IMPORTANT;
border-left:none !important;
border-right:none !important;
}
.active,
{
background:#555555 !important;
border:none!important;
}
-wrap,
.menu-main>a{
background:#fff0f8 !important;
border:none!important;
}
ul,li,.screen-title,.submenu-supersub,.board-hot,.ordinary-content,.board-main,.gamelist,.recommend{border:none!important;
}
.score.steady,.score.up,.score.steady i,.score.up i,
.steady span,.up span,.ordinary-content,
.lookback,.seemore,.board-list,.submenu-home,
.submenu-leftside,.submenu-main,.service,.dropdown-panel,.popup-panel{
background:#ffffff !important;
border:none!important;
}
li>i:hover,ul.menu-list>li>a:hover{
color:#CDC9C9 !important;
background:#ebf6fc !important;
}
.submenu-home i{color:#CDC9C9 !important;
background:none!important;
border:none!important;
}
.submenu-home i:hover{color:#fababa !important;
background:none!important;
border:none!important;
}
.board-list a i:hover{
color:#ebf6fc !important;
}
li,.service-sms,.board-list a,.search{
background:none!important;
border:none!important;
} 
.story,#big_head,.content,#content_name,.box03,
.box06,.box04_page,.cm-box-area,
.comment-tabbable .comment-tabs .active button,
.cm-box-area .member,.cm-box-area .guest,.reviews01,.reviews02,.more_review{
background:#ffffff!important;
border:none!important;
}</style>

นำไปใช้แล้วก็อย่าลืมติดเครดิตด้วยจ้า

Winner Theme

หวังว่าจะมีความสุขกับการใช้ธีมตกแต่งบทความนะจ้ะ

-กด Ctrl + A จากนั้น กด Ctrl + C จะช่วยให้ก๊อปเร็วขึ้นนะค่ะ-

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

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

writer

'อาราเล่น้อย'

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

กำลังโหลด...

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

กำลังโหลด...

30ความคิดเห็น

กำลังโหลด...

30ความคิดเห็น

กำลังโหลด...

×

แทรกรูปจากแกลเลอรี่ - Dek-D.com

L o a d i n g . . .

x

เรียงตาม:

ใหม่ล่าสุด

ใหม่ล่าสุด

เก่าที่สุด

ที่กำหนดไว้

*การลบรูปจาก Gallery จะส่งผลให้ภาพที่เคยถูกนำไปใช้ถูกลบไปด้วย

< Back

แทรกรูปโดย URL

กรุณาใส่ URL ที่ขึ้นต้นด้วย
http:// หรือ https://

กำลังโหลด...

ไม่สามารถโหลดรูปภาพนี้ได้

*เมื่อแทรกรูปเป็นการยืนยันว่ารูปที่ใช้เป็นของตัวเอง หรือได้รับอนุญาตจากเจ้าของ และลงเครดิตเจ้าของรูปแล้วเท่านั้น

< Back

สร้างโฟลเดอร์ใหม่

< Back

ครอปรูปภาพ

ความกว้าง : px

ความสูง : px

ครอปรูปภาพ