.dear theme {v.2}★

ลำดับตอนที่ #2 : .dear-theme ตารางสีรุ้ง pastel

สวัสดีจ้าาา วันนี้มาอัพธีมต่อ
ช่วงนี้กำลังมีไฟ มีแรงทำ 5555 เรียกว่าธีมนี้ทำยากพอควรเลยอ่ะ
เพราะกว่าจะหาสีที่มันลงตัวได้ก็ลองผิดลองถูกมาเป็นชั่วโมง - -;;
ใครเอาธีมนี้ไปใช้ก็เม้นให้กำลังใจหน่อยเน้อออ ><



.dear-  

.dear theme {v.2}

theme


---------------------------------------------
คำเตือน!! ธีมนี้แสดงผลได้ดีใน google chrome /firefox
(IE จะไม่แสดงผลของเฮดบทความค่ะ สีมันจะไม่ติด)


CODE THEME
.dear-     <style type="text/css"> #head{display:none!important;} , , {display:none!important;} #sec-menu,.arrow,.menulist,#sec-head  {display:none!important;} ul.next li a {background:none!important;} .app-footer {display:none!important;}.accord-big{display:none!important;}/*ลบfootข้างล่าง*/      /***ส่วนtoolbarเลื่อนๆข้างบน***/  .menu-main>a{background:#fff!important;border:none!important;}/*สีพื้นหลังเนื้อหา*/ a.btn,.dropdown-panel, .notifications .dropdown-panel, #usermenu .popup-panel, .notifications .popup-panel {background:#fff!important;border:none!important;}/*สีพื้นหลังเนื้อหา*/ .submenu-main  {background:#fff!important;border:none!important;}/*สีพื้นหลังเนื้อหา*/ .dropdown-panel .seemore, .notifications .dropdown-panel .seemore, #usermenu .popup-panel .seemore, .notifications .popup-panel .seemore,.dropdown-panel .welcome-screen-ul li{background:#fff!important;border:none!important;}/*สีพื้นหลังเนื้อหา*/    .menu-main > a,.submenu-rightside h3 {color:#cc8bf3!important;}/*ตัวอักษรตรงเมนูหลักควรสีเดียวกับลิ้ง*/ .submenu-home a ,.submenu-home li{background:#fff!important;border:none!important;}/*ตอนย่อยหน้าแรกรูปhome*/ .submenu-leftside,.menu-writer .submenu-leftside .search {background:#fff!important;border:none!important;}/*สีอะไรก็ได้ตรงตัวเลือกกรอบด้านซ้ายแนะนำให้สีโทนเดียวกับพื้นหลังเนื้อหาหรือสีเดียวกัน*/ .board-list a,.service .service-admission ul.service-normal li a{color:#cc8bf3!important;background: -webkit-radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed) !important;     background: -o-radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed) !important ;     background: -moz-radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed)  !important;     background: radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed) !important ;border:1px solid #e9e9e9!important;}/*สีกรอบในหน้าบอร์ดหลัก*/  .service .service-store ul li{color:#cc8bf3!important;background: -webkit-radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed) !important;     background: -o-radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed) !important ;     background: -moz-radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed)  !important;     background: radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed) !important ;border:1px solid #e9e9e9!important;}/*กรอบตรง service store*/ .service .service-store .submit,.service button,.service .service-education .gotpromo,.service .service-admission ul.service-sms li a  ,.global-searchbtn{color:#8a55ae!important; background:#f3e1f4!important; border-left:2px solid #e9e9e9!important; border-radius : 0px 0px 0px 0px!important;}/*สีปุ่มต่างๆในtoolbar*/ .select select,.global-searchbox {color:#8a55ae!important; background:#f3e1f4!important; border-left:2px solid #e9e9e9!important; border-radius : 0px 0px 0px 0px!important;}/*ช่องเลือกรายการ*/    .recommend,.gamelist,.ordinary-content,.board-main ,.board-hot ,.submenu-supersub ,.submenu-home ul,.hidden-phone-toolbar,li.menu-main.submenu-more {border:none!important;}/*--*/  .submenu-leftside .submenu-list > li {background:none!important;border:none!important;}/*--*/ .service .service-admission ul.service-sms li .p-second {line-height: 2em!important;}/*--*/ .submenu-more .submenu-main li ,.brand .service,.service {background:none!important;border:none!important;}/*--*/ .text-area,.select,.input-box{ border:none!important;background:none!important; }/*--*/ .service .service-admission ul.service-sms,.service .service-admission ul li {background:none!important;border:none!important;}/*--*/ .select{ webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important;}/*--*/  /***ส่วนheadหลักบทความ***/  p#big_text{ color: #936dad!important; font-family: tahoma!important; font-size: 38px!important; text-shadow:3px 8px 5px #d4d4d4; line-height: 80px!important;}/*เฮดหลัก*/ .head1{background: -webkit-linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed) !important;     background: -o-linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed)!important!important ;     background: -moz-linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed)!important ;     background: linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed)!important ;      -moz-box-shadow: 3px 0px 20px #fbf4e2;     -webkit-box-shadow: 3px 0px 20px #fbf4e2;     box-shadow: 3px 0px 20px #fbf4e2;   border:none!important; height: 80px!important; width: 100%!important; border-radius:20px 20px 20px 20px!important;}   .head2,h2.box02,.box01,.box04_head,a.box04_head03,h2.box04_head02  {background: -webkit-linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed) !important;     background: -o-linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed)!important!important ;     background: -moz-linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed)!important ;     background: linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed)!important ;border-radius:none!important;}/*เฮดรอง*/ h2.box02 p,.favor,h2.box04_head02,a.box04_head03{background:none!important; color:#8a55ae!important;text-shadow:3px 8px 5px #d4d4d4;}/*ตัวอักษรตรงเฮด2*/ ul.box_uu01 li a{border-right:none!important; color:#8a55ae!important;text-shadow:3px 8px 5px #d4d4d4;}/*ส่วนล่างเฮด2 ค้นหาบทความ เว็บบอร์ด*/     a.review span,a.review:link{ color:#fff !important;} a.name_sb01:link{ color:#fff !important;} .review,.name_sb01,.submenu-home i { color:#fff !important;     background: -webkit-radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed) !important;     background: -o-radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed) !important ;     background: -moz-radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed)  !important;     background: radial-gradient( 50% 50%, circle, #f5ddf7, #d89ffe, #c7e2ed) !important ;border:1px solid #e9e9e9!important;}/*สีปุ่ม review และอื่นๆ*/ .review:hover,.name_sb01:hover,a.review:hover,a.name_sb01:link:hover{transition:All 1s ease;color:#8a55ae!important; background:#f3e1f4!important; border:2px solid #e9e9e9!important; border-radius : 50%!important; text-decoration:none!important;}/*เวลาชี้ปุ่ม*/ a.review span:hover{transition:All 1s ease;color:#8a55ae!important;}  .box_facebook li .b_fb_like a:hover {transition:All 1s ease;color:#8a55ae!important; background:#f3e1f4!important; border:2px solid #e9e9e9!important; border-radius : 50%!important; text-decoration:none!important;}/*เวลาชี้ปุ่ม*/  ul.box_facebook li .b_fb_like a { background: -webkit-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important;     background: -o-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important ;     background: -moz-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed)  !important;     background: radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important ;border:1px solid #e9e9e9!important;}        border-radius: 50%;     box-shadow: none;} ul.box_facebook li .b_fb_l_i01 {background:none;} ul.box_uu01 li a{background:none!important;}/*ลบiconตรงเฮด2*/ .favor{background:none!important;}/*ดาวตรงเฮด2*/  #content_name img{width:100px!important; height: 100px!important;border: 1px solid #e9e9e9!important;border-radius:20px 20px 20px 20px;  }   /***ตัวอักษรทั้งหน้าและชี้ลิ้งค์***/  td,th,div,body,li,ul,p,.desc_head,#content_name p span,p.vote_m span ,ul.name_story li .slash ,.submenu-home span,.submenu-more h3  { color: #8a55ae!important; font-size:12px;}/*ตัวอักษรทั่วไปทั้งหน้าไม่เกี่ยวกับลิ้งค์*/ p.box_facebook-right2 strong{color: #cc8bf3!important;}/*ตัวอักษรจำนวนแชร์สีเดียวกับตัวอักษรทั้งหน้าจะดีมาก*/ a:link{color:#cc8bf3!important;}/*สีลิ้งทั้งหน้า*/ a:hover{transition:All 1s ease;color:#8a55ae!important; background:#f3e1f4!important; border-left:2px solid #e9e9e9!important; border-radius : 0px 0px 0px 0px!important; text-decoration:none!important; letter-spacing:0px;}   a:visited:hover{transition:All 1s ease;color:#8a55ae!important; background:#f3e1f4!important; border-left:2px solid #e9e9e9!important; border-radius : 0px 0px 0px 0px!important; text-decoration:none!important; letter-spacing:0px;}  a:visited{color:#d495f9!important;}      ul.next li a:hover{transition:All 1s ease;color:#8a55ae!important; background:#f3e1f4!important; border-left:2px solid #e9e9e9!important; border-radius : 0px 0px 0px 0px!important; text-decoration:none!important; letter-spacing:0px;} /*ชี้ลิ้งตอนต่อไป*/   /***ส่วนพื้นหลัง***/ .content,.box03,.box04_page,#big_head,div.story,div>div>div>div{background:#fff!important;border:none!important;}/*พื้นหลังเนื้อหาต้องสีเดียวกับ toolbar*/ #content_name,.big_fb{border:none!important;}/*ลบเส้นรกๆ*/ #main {background:none!important;}/*ลบพื้นหลังรองก่อนพื้นหลังบทความ//จะใส่ก็ได้*/ body {background:url(http://image.ohozaa.com/i/gd0/9hvhKr.jpg)!important; background-repeat:repeat; background-position: center; background-attachment:fixed} /*พื้นหลัง*/    /***ส่วนกล่องคอมเม้น***/    #content-area,.comment-setbubble,.cm-box-area input ,.cm-box-area .tab-pane.active {background: #fff!important;}/*สีคอมเม้น*/ .comment-action{background:#f3e1f4!important;} .cm-box-area textarea ,.cm-box-area input{background:#fff!important;border:1px solid #e9e9e9!important;}/*กล่องคอมเม้นบุคคลทั่วไป*/ .comment-tabbable .comment-tabs .active button{background-color: #fff!important; color: #8a55ae; line-height: 32px; height: 40px; top: -40px; border-top:none}/*ปุ่มเลือกสมาชิก/คนทั่วไป*/ .cm-box-area .member, .cm-box-area .guest{background-color: #fff!important; color:#8a55ae!important; }/*ปุ่มเลือกสมาชิก/คนทั่วไปเวลายังไม่กด*/  .cm-box-area .comment-submit{color: #8a55ae!important; padding: 10px 15px; width: 150px; text-align: center; font-size: 13px; text-shadow: none; border: none!important; box-shadow: none; }/*ตัวอักษรปุ่มคอมเม้น+กรอบนอกปุ่ม*/ .btn-orange{    background:-webkit-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important;     background: -o-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important ;     background: -moz-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed)  !important;     background: radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important ;border:2px solid #e9e9e9!important;    }/*สีปุ่มคอมเม้น*/   .comment-submit:hover{transition:All 1s ease;color:#8a55ae!important; background:#f3e1f4!important; border-left:2px solid #e9e9e9!important; border-radius : 0px 0px 0px 0px!important; text-decoration:none!important; letter-spacing:0px;} /*สีเวลาชี้ปุ่มคอมเม้น*/   .cl_pagetab li.cur{background:#fff!important;}/*พื้นหลังเลขหน้าคอมเม้น*/     #google_ads_comment1 li,.v_b_s03 .v_b_s03_01 {background:none!important;border:none!important;} .comment-order {bottom: 47px; right: 20px; font-size: 20px; color: #8a55ae !important; opacity: 0.8; cursor: default;}/*เลขจำนวนคอมเม้น*/     .cke_skin_kama .cke_wrapper {     border-radius: 5px;   -webkit-linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed) !important;     background: -o-linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed)!important!important ;     background: -moz-linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed)!important ;     background: linear-gradient( 90deg, #d89ffe, #fbf4e2, #c7e2ed)!important ;     background-image: url('images/sprites.png');     background-repeat: repeat-x;     background-position: 0px -1950px;     display: block;     padding: 5px;}/*สีในกล่องพิมพ์คอมเม้น*/   .h3-settext, .cl_pagetab, #comment-all {background: none!important;}/*ลบพื้นรองคอมเม้นรกๆ*/ .comment-setwidth{background: none!important;} .test_menunuber{background:none!important;} .comment-action .cm-retweet .arrow_box li{border:none!important;}/*ลบเส้น*/ .ribbon{display:none!important;}/*ลบริ้บบิ้น*/    /*คลุมดำ*/      ::selection {color:#8a55ae!important; background:#d4c7e6!important;} ::-moz-selection{color:#8a55ae!important; background: #d4c7e6!important;} /*Firefox*/ textarea{color:#8a55ae!important; background:#f3e1f4!important; border:1px dashed #8a55ae!important}/*textareaหน้าบทความ*/    </style>     <style type="text/css"> ::-webkit-scrollbar               { width: 12px; } ::-webkit-scrollbar-button        { background:#f3e1f4; } ::-webkit-scrollbar-track         {background-color:#fff; -webkit-box-shadow: none;  -webkit-border-radius: 10px; border-radius: 10px; border:none; }  ::-webkit-scrollbar-thumb         {-webkit-border-radius: 10px; border-radius: 10px; background:-webkit-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important;     background: -o-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important ;     background: -moz-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed)  !important;     background: radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important ;  -webkit-box-shadow: none; border:none; } ::-webkit-scrollbar-corner        { background:#f3e1f4;} ::-webkit-resizer                 { background:#f3e1f4;}    </style>     &nbsp;     <style type="text/css"> .banner_dear{ width:120px; height:20px; position:fixed; bottom:10px; left:5px; background:-webkit-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important;     background: -o-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important ;     background: -moz-radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed)  !important;     background: radial-gradient( 50% 50%, circle, #fbf4e2, #d89ffe, #c7e2ed) !important ;  text-align:center; color:#000!important;        </style>     <div class="banner_dear">         .dear theme {v.2}</div>     theme<br />

**คลุมโค้ดแล้วกด ctrl+c ไปได้เลยจ้าา สามารถขยายขนาดกล่องโค้ดได้ที่มุมล่างขวา**