TRANSFORM THEME (V.2)

ลำดับตอนที่ #1 : - สีเทา กับ สีฟ้า

สีเทา กับ สีฟ้า

#5CCDC9#009994#F5F5F5


- แนะนำให้ใส่เนื้อหาก่อนโค้ดธีม- เครดิตอย่างเดียวคือลิ้งค์ ถ้าลบแปะคืนให้ด้วย ตรงไหนก็ได้- โค้ดธีมมีปัญหาแจ้งได้เลยที่ตอนนั้นๆ หรือมายไอดีโทเองเลยงับ
- ไม่มีเอฟเฟคภาพไม่ต้องชี้ 5555 ใส่เองได้นะครับ

<center><a href="http://my.dek-d.com/my/writer/view.php?id=1180088"> <style type="text/css"> body{background:#F5F5F5!important;} #main{background: none !important;} .bigname_sb01 ul.name_sb01_uu,.bigname_sb01 img.name_sb01_img{background:#fff!important;} .story,#big_head,.content,.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:#fff!important;border:none!important;padding-top: 0px!important;}</style> <style type="text/css"> #content_name {margin: auto;padding-top: 15px;} .box_facebook-right01{border-right:none!important;} p.vote_m {border-right: dashed 1px #F5F5F5!important;} ul.box_facebook li .b_fb_like p.b_fb_l_font01 {border-left: dashed 1px #F5F5F5!important;} .b_fb_l_font01,.box_facebook-right01{border-left:1px dashed #F5F5F5important;} .big_fb {border-top: dashed 1px #F5F5F5!important;} #content_name img,#content_name img:hover{border:none!important;padding:4px;border-radius: 0px;-webkit-transition:1s;-moz-transition:1s;} #content_name{display:none;}</style> <style type="text/css"> ul.name_story li p {background:none!important;} .bigname_sb01 ul.name_sb01_uu li,.cm-setting.cm-setbtn.cm-set-noactive{border:none!important;} img[src*="/writer14_arow01.png"]{display:none!important;} div.story .desc_head{display: none;} ul.next li a{background:none!important;border-right:none;font-size:12px!important;} ul.bigsize li a,.bigname_sb01 ul.name_sb01_uu li a.name_sb01_uu_aa,ul.bigsize li span{box-shadow: none!important;background:none!important;text-indent:0px!important;font-size:12px!important;border:none!important;} .arrow_box{background:none!important;border:none!important;} button {box-shadow:none!important;} </style> <style type="text/css"> a.box04_head03:hover {text-decoration: underline;box-shadow: none!important;} #sec-menu{display:none !important;} #sec-head {display:none !important;} #head{display:none !important} ul.banner_menu li a {display:none !important;}</style> <style type="text/css"> .head1{background: #5CCDC9!important; -webkit-transition: 1s; -mox-transition: 1s; padding-top: 15px; padding-bottom: 15px; border-radius: 0px;} h2,.box04_head{background:#95DFDD!important;} p#big_text{color:#F5F5F5!important; font-size: 25px;} p#big_text:hover {color: #fff!important;} h2.box04_head02,h2>p,h2 p span,h2.box02 p{color:#247D7A!important;border:none!important;box-shadow:none!important;background:none!important;} .head1:hover {background: #A8A8A8!important; text-shadow: 15px 0px 0px #A8A8A8,-15px 0px 0px #A8A8A8!important; -webkit-transition: 1s; -mox-transition: 1s; box-shadow: none!important; letter-spacing: 3px;} .box04_head,h2.box02 {border-radius:0px;border:none;} a.favor{background:#E4F8F8!important; border: none;} .favor{height: 20px; margin-top: 3px; margin-right: 10px; text-indent: 15px; padding-right: 15px; font-size: 12px; line-height: 20px;} h2.box02 p {height: 27px;padding-top: 0px; font-size: 13px; text-indent: -2px;} a.box04_head03 {background:#E4F8F8!important; border:none;} a.box04_head03{line-height: 19px; border-radius:0px;float: right; text-indent: 22px; width: 125px; height: 19px; margin-top: 4px; right: 10px; font-size: 12px; top: 0px;} .box04_head {height: 27px;} h2.box04_head02 {top: -15px;left: -10px;font-size: 13px;padding-top: 20px;outline:none;}</style> <style type="text/css"> .score.new,.score.new i,.score.new span,.score.down,.score.down i,.score.down span,.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:#fff!important; border:none!important; } .btn,div>div>div>div>div,.active,div#auth-frame, -wrap,.menu-main>a { background:#fff!important; border:none!important; } li>i:hover,ul.menu-list>li>a:hover{ color:#fff!important; background:#009994!important; border-radius:0px!important; box-shadow:none!important; text-shadow: none!important; border:none!important; } .submenu-home i{ color:#5CCDC9!important; background:#eee!important; border:none!important; } .board-list a{color:#5CCDC9!important; background:#EEE!important; border: 1px dashed #DBDBDB!important; padding: 0px!important; border-radius: 5px!important; box-shadow: none!important;-webikt-transition:1s; -moz-transition:1s;} .board-list a:hover{color:#009994!important;background:#fff!important;border-radius:0px!important;-webikt-transition:1s;-moz-transition:1s;} .screen-msg{ border-bottom:none!important; } a.box06_link{ border-top:none!important; } div>div>div { border-left: none!important; border-right: none!important; } .wrap-image{ border:none!important; } .notifications .user-main>a{ border:none!important; } .gotpromo{ background:none!important; box-shadow:none!important; } .board-main,.board-hot,ul,li,.screen-title,.submenu-supersub,.board-hot,.ordinary-content,.board-main,.gamelist,.recommend{ border:none!important; } li,.service-sms,.search{ background:none!important; border:none!important; } .select,li{ -webkit-box-shadow:none!important; background: none!important; border: none!important; }</style> <style type="text/css"> p>span,.linkname,h3,li>i,ul.menu-list>li>a,.slash,p.vote_m span,.vote-sc,p,li,div,a,div.box_facebook-right>p>strong,.owner-username, #usermenu .usernamename,.notifications .usernamename,.name-area,.v_b_s03 p,.editted, .icon-mail,.icon-ip,.comment-tabbable .comment-tabs .active button{color:#009994!important;} a:link{ color:#00B2AC!important; text-decoration:none!important; -webkit-transition:1s; -moz-transition:1s; } a:active,a:visited{ color:#5CCDC9!important; text-decoration:none!important; } ul.bigsize li a:hover{ color:#5CCDC9!important; background:none; font-weight: normal; } ul.next li a:hover{ color:#44A29E!important; background:#DBDBDB!important; box-shadow:none; padding:none!important; } a:hover {color: #44A29E!important; background: #DBDBDB!important; padding-left: 5px; padding-right: 5px; font-weight: bold; letter-spacing: 0.5px; position: relative; top: 0px; left: 0px; -webkit-transition: .4s; -moz-transition: .4s;} </style> <style type="text/css"> div>a.review,div.name_storybox>a{background: #5CCDC9!important; color: #FFF!important; box-shadow: none!important; border-radius: 45% 0 45% 0; border: 3px solid #95DFDD; font-weight: normal; -webkit-transition: 1s; -moz-transition: 1s;} div>a.name_sb01{background: #ECECEC!important; color: #A2A2A2!important; box-shadow: none!important; border-radius: 0 45% 0 45% ; border: 3px solid #DBDBDB; font-weight: normal;-webkit-transition: 1s; -moz-transition: 1s;} div>a.review:hover,div.name_storybox>a:hover{background: #ECECEC!important; color: #A2A2A2!important; box-shadow: none!important; border-radius: 45% 0 45% 0!important; border: 3px solid #DBDBDB!important; font-weight: normal; padding-left: 0px!important; padding-right: 0px!important; -webkit-transition: 1s; -moz-transition: 1s; transform: rotateY(360deg);} div>a.name_sb01:hover{background: #5CCDC9!important; color: #fff!important; box-shadow: none!important; border-radius: 45% 0 45% 0!important; border: 3px solid #95DFDD!important; font-weight: normal; padding-left: 0px!important; padding-right: 0px; -webkit-transition: 1s; -moz-transition: 1s; transform: rotateY(360deg);} ul.box_facebook li .b_fb_like a{background: #95DFDD!important; box-shadow: none; border-radius: 90px!important; border: 1px dashed #46B2AE; -webkit-transition: 1s; -moz-transition: 1s; padding: 1px;} ul.box_facebook li .b_fb_like a:hover{background: #ECECEC!important; box-shadow: none; border-radius: 90px!important; border: 1px dashed #DBDBDB; -webkit-transition: 1s; -moz-transition: 1s; padding: 1px!important; transform:rotateZ(180deg);} .b_fb_l_i01, ul.box_uu01 li a {background:none!important;} </style> <style type="text/css"> .accord-big{display:none!important} .app-footer{display:none!important} h2.box02 {height:27px;padding-top:0px;} .box01.box01_1,.new_box01{display: none!important;} .arrow_box:after,#drag-to-quote:after{border:none!important;} .comment-action:before{background:none!important;} .arrow_box li{border:none!important;} .cm-setting button{border:none!important;} img.setthumbnail {border: none!important;} img{border: none!important;} </style> <style type="text/css"> h3 .ribbon{background: none!important;} .h3-settext{text-shadow: 1px 1px 0px #000; color: #5CCDC9!important; font-size: 25px;} span.cke_skin_kama{background:#F5F5F5; border-radius: 15px; border: 1px #5CCDC9 dashed; padding: 2px;} .cke_skin_kama .cke_wrapper {background: #D7EEED; border-radius: 10px; border: 1px solid #5CCDC9; margin: 2px;} .cl_pagetab li.cur{background: none!important; color: #95DFDD!important;border: none!important; box-shadow: none!important; border-radius: 0px;} .cm-box-area.comment-setbubble.clearfix {padding: 15px!importaNT;}</style> <style type="text/css"> .cm-box-area .commentbox-ta{padding:0px!important;} .comment-setbubble {background: #fff!important;border-radius: 5% 10% 5% 10%; box-shadow: none!important; border: 5px solid #95DFDD!important;} .comment-action{background: #95DFDD; border-radius: 0 0 15px 25px; border: none;} .comment-action .cm-setting:before {border-left:none;background-color:#95DFDD;} .comment-action .cm-reply_lis{color:#fff!important;} .comment-action .cm-setbtn i {text-shadow: none;} .comment-action i,.comment-action i:hover,.comment-action .cm-setbtn,.comment-action .cm-setbtn:hover {color:#fff!important;text-shadow:none!important;} .comment-action .btn-social i,.comment-action .btn-social i:hover{color:#fff!important;} .comment-action .cm-reply{background:none!important;} button.guest,button.member {margin-right: 60px!important;padding-bottom: 5px!important;} .cm-box-area .text-area,.cm-box-area .cm-setcmbox{box-shadow:none!important;border:none!important;} .comment-order,.sub-comment .comment-order{font-size: 20px; color: #95DFDD!important;} </style> <style type="text/css"> .submit,.submit:hover{background: #eee!important; color: #7CC1BF!important;box-shadow:none!important;border-bottom:none!important;border-radius: 5px 10px / 10px 5px!important;} button,button:hover{background: #7CC1BF!important; color: #fff!important; border-radius: 0px!important; box-shadow: none!important; border: none!important;} button.global-searchbtn{width: 80px!important; height: 35px!important;} .corner5 {-webkit-border-radius:0px ;-moz-border-radius:0px;-ms-border-radius:0px;} .btn-orange,.btn-orange:hover{width: 125px!important; padding:5px!important; background:#7CC1BF!important; color: #fff!important; text-shadow: none!important; -webkit-box-shadow: none!important; border-radius: 0px!important;} .cm-box-area .comment-submit{border:none;}</style> <style type="text/css"> .avatar .ranking{display:none!important;} .avatar,.avatar:hover{border: 5px solid #95DFDD!important; box-shadow: none!important; padding: 4px!important; border-radius: 25px 35px / 35px 25px;box-shadow: none;background:#7CC1BF!important;} img[src*='/1/newtoon/'],.user-pic-comment,img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{border-radius: 20px 30px / 30px 20px; border: 2px solid #FFF!important;} .user-pic-comment {width:70px!important;height:70px!important;} img[src*='/1/newtoon/'],.user-pic-comment,#content_name img{-webkit-transition: 1.0s;-moz-transition: 1.0s;filter: blur(0px);-webkit-filter: blur(0px);-moz-filter: blur(0px);} img[src*='/1/newtoon/']:hover,.user-pic-comment:hover,#content_name img:hover{-webkit-animation-name: shake;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out;filter: none;-webkit-filter: blur(0px);-moz-filter:blur(0px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');} @-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> <style type="text/css"> #google_ads_comment1{display:none !important} p>a>img{display:none !important;} ul.bigsize li span{border-right: noneimportant;} ul.next li a.next_color01{margin:0px;} .big_next1{width:835px!important; border-top:none!important;} .big_next2{width:835px!important;border-bottom:none!important;} ul.next{margin-top:15px;} .big_next2{display:none;} a.fontTrigger {margin-top: -20px;}</style> <style type="text/css"> .vote_box{background: #FAFAFA!important; border: 1px dashed #5CCDC9!important; border-radius: 0px;} .vote_box p{font-size: 25px; color: #5CCDC9!important;} .vote_box p span{font-size: 14px;color: #5CCDC9!important;} .vote_box3 {width: 50px!important; font-size: 13px!important; background:#FAFAFA!important;border:1px dashed #5CCDC9!important;} a#vote-submit-btn,a#vote-submit-btn:hover{color:#5CCDC9!important; border: none; padding: 2px; border-radius: 0px;} .vote_box2{margin-left:7px!important;}</style> <style type="text/css"> #CM_viewlong{display:none !important;}</style> <style type="text/css"> ul.box03_uu li p {font-family: tahoma;font-size: 12px;} .vote-sc{color:#fff!important; font-size: 11px; margin: 0px;;} li.box03_22 {padding-top: 7px;} .no-data {padding-bottom: 10px;text-align: center;padding-top: 10px;} p.box05_text01 {width: 265px;font-size: 14px;font-weight: bold;float: left;margin-left: 15px;margin-top: 15px;} ul.box05_st {float: right;width: 85px;margin-right: 10px;margin-top: 10px;}</style> <style type="text/css"> p.font_nu01 {background: #979797; color: #FFF!important; border-bottom: 3px solid #95DFDD!important; padding-bottom: 5px; padding-top: 5px; font-size: 13px; font-weight: normal; border-radius: 0px;} ul.box03_uu li a{font-size: 12px;} ul.box03_uu li p.nxx {font-size: 12px;} a.bn_width.bn_img,ul.bn_boxlink li a {background: none!important; width: 64px; height: 25px; box-shadow: none!important; padding: 0px; font-weight: normal;border:none!important;} a.bn_width.bn_img:hover,ul.bn_boxlink li a:hover{font-style: italic;} ul.bn_boxlink li .bu_bl_st {border-right: none;} ul.bn_boxlink li a p {font-size: 11px;text-align: center;padding-top: 5px;} p.bn_font01 {font-size: 12px;text-align: center;background: #979797; color: #fff!important;padding-left: 10px;padding-top:5px;padding-bottom:5px;} .bn_box01 {height: 0px;} ul.nbv_right li.nbv_right_big01 a.nbv_right_link01{border: none!important;padding: 0px!important;} a.nbv_right_fb:hover {border: none!important;} ul.bigsize li p,.v_b_s03_01{display:none;} #comment-box{background:none!important;} .test_menunuber{background:none!important}</style> <style type="text/css"> .select-style,.select-style:hover{ border-top:none!important; border-left:none!important; border-right: 2px solid #5CCDC9!important; border-bottom: 2px solid #5CCDC9!important; border-radius:5% 10% 5% 10%!important; background:none; } input,select,textarea,input:hover,select:hover,textarea:hover{color: #565656!important; background: #FAFAFA!important; border: 2px solid #5CCDC9!important; border-radius: 5% 10% 5% 10%; box-shadow: 0 0 1px #000;} *::selection{background:#5CCDC9!important;color:#fff!important;} *::-moz-selection{background:#5CCDC9!important;color:#fff!important;} *::-webkit-selection{background:#5CCDC9!important;color:#fff!important;} ::-webkit-scrollbar{width:10px;} ::-webkit-scrollbar-track-piece{background-color:#fff;} ::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {background:#5CCDC9!important; border:none!important; border-radius:0px;} ::-webkit-scrollbar-thumb:vertical:hover,::-webkit-scrollbar-thumb:horizontal:hover{background:#888!important;} </style> <style type="text/css"> #login-screen li .social-size, #login-screen li .social-size:hover {border:none!important; box-shadow: none!important;font-weight: normal;color:#fff!important;} #usermenu .user-main>a:hover, .notifications .user-main>a:hover{padding:0px!important;}</style> <strong>TF:)</strong></a> </center>

TF:)