{ Winter Code Room }

ลำดับตอนที่ #56 : [Special] "Red Art Carbon" Theme - แจกธีมบทความ V.2 ทำเองค่ะ

edit เพิ่มเติม >> เพิ่มโค้ดเปลี่ยนสีสกรอบาร์ เพิ่มโฆษณาบทความใหม่ อิอิ^^ - 13/04/57 @17.56
 

[Special] แจกธีมบทความ V.2 ทำเองค่า

สวัสดีค่าทั่นผู้ชม (((>_<)))

ไรเตอร์แอบนอนไม่หลับอะ เลยแวะมาแต่งธีมเล่น ๆ ดู
ตัวอย่างธีมนี้ก็ดูได้จากตอนย่อยตอนนี้เลยนะคะ ดำแดงคาร์บอนมั๊ย >_<

ยังไม่ได้คิดชื่อธีมเลยอะ ...เอาเป็นว่า "Red Art Carbon" แล้วกันนะคะ
(คิดได้มั่วดีมากเลย 55)

ส่วนกล่องคอมเม้นท์ ตอนนี้อาจจะยังไม่เห็น
ลองคอมเม้นท์ดูสิคะ แล้วจะเห็นว่ามัน... น่ารักมาก? 555
อ่า... เดี๋ยวคอมเม้นท์ให้ดูเป็นตัวอย่างด้านล่างดีกว่าเนอะ อยากเห็นเองด้วยเหมือนกัน ><

เอร้ย ลืมบอกไปว่า ส่วนที่ไรเตอร์ชอบที่สุดของธีมนี้คือ...
ลองชี้คำสั่งต่าง ๆ ตรง dropmenu สิคะ แล้วจะเห็น (((>_<)))

ส่วนตัวไรเตอร์ชอบสีดำ น้ำเงิน แดงค่ะ เลยแต่งสนองนี๊ทนิดนึง อิอิ
...ใครอยากได้สีอื่นที่ไม่ใช่สีแดงก็แก้โค้ดสีเอาได้เลยนะคะ
วิธีแก้โค้ดโดยที่ไม่ต้องมานั่งไล่หาทีละบรรทัดให้ตายลายก็ง่าย ๆ ค่ะ
กด Ctrl+F ที่แป้นคีย์บอร์ดพร้อมกัน แล้วพิมพ์หาคำว่า #ea0000
แล้วใส่โค้ดสีให้เป็นอย่างที่เราต้องการได้เลยค่ะ

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

แต่ให้เครดิตออริโค้ดธีมตัวนี้กับไรเตอร์บ้างก็ได้นะ
จะได้มีกำลังใจ ลองทำเล่น ๆ เพิ่มอีกหลาย ๆ ธีม 555
(((^_^)))



ปล.1 ภาพพื้นหลังนี้เค้าก็แต่งเองนะ
ถ้าจะเอาพื้นหลังนี้ไปใช้แยกส่วน กรุณาแจ้งไรเตอร์นิดนึงนะคะ

ปล.2 เพื่อการแสดงผลที่ดีกว่า แนะนำให้โหลดฟอนต์ Acidic มาติดตั้งนะคะ
คลิกเลย >> Click

ปล.3 โค้ดธีมตัวนี้ แสดงผลกับ Google Chrome ได้เวิร์คที่สุดค่ะ

ปล.4 ไรเตอร์เปิดบทความแจกธีมแล้วน๊า บังเอิญเป็นคนยุขึ้น ><
คลิกเลยค่า >> Click


 

<style type="text/css">

/*combine basic theme code by Sakurai Winter*/

/*-----------Zone A: โค้ดพื้นหลัง, เปลี่ยนรูป------------*/

/*ใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/

BODY{background: url(http://image.dek-d.com/27/0367/8060/115397515); background-attachment:fixed;background-size:100% 100%;}

/*เปลี่ยนสีพื้นหลังรอง-Sakurai Winter*/

#big_head , .content, .box03, .box04_page {

background: #000000 repeat; /*สีพื้นหลัง*/

}

#main {

width: 987px; /*ปรับความกว้างปีกได้ค่ะ*/

background: rgba(0, 0, 0, 0.2) repeat; /*สีพื้นหลังปีก=*/

}

/*เปลี่ยนสีพื้นหลังในส่วนเนื้อหา-Sakurai Winter*/

div.story {

background-color: #000000 !important;

}

/*เปลี่ยนรูปไอคอนริบบิ้นตรงหัวข้อความคิดเห็น-Sakurai Winter*/

h3 .ribbon {

background: url("ลิงค์รูป") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

}

/*เปลี่ยนภาพพื้นหลังกล่อง vote ในบทความย่อย-Sakurai Winter*/

.vote_box {

background-image: url(ลิงค์รูป);

}

/*------------Zone B: โค้ดเปลี่ยนสีส่วนต่าง ๆ------------*/
/*เปลี่ยนสีไฮไลท์ตอนคลุมดำ-Sakurai Winter*/

::selection {

background: none !important; /*ถ้าไม่ต้องการพื้นหลังให้ใส่ none !important ลงไปแทน#โค้ดสีนะคะ*/

        color: #f8f5fd; 

}

/*เปลี่ยนสี toolbar ด้านบน-Sakurai Winter*/

toolbar-wrap, .menu-main>a,#usermenu .user-main>a, .btn, .notifications .user-main>a {

background-color: #000000 !important;

border: none !important;

}

div>div>div>div>div {

background-color: #000000 !important;

}

/*เปลี่ยนสีพื้นหลัง dropdown menu-Sakurai Winter*/

.submenu-home, .submenu-leftside, .ordinary-content, .service, .submenu-main, .search, .board-list a, .board-main, .board-hot, .recommend, .submenu-rightside .setthumbnail, .submenu-rightside .wrap-image, .service .service-admission ul li, .select, .submit, .service-education .gotpromo, .service .service-store ul li, ul.welcome-screen-ul, #usermenu .dropdown-panel, .notifications .dropdown-panel, #usermenu .popup-panel, .notifications .popup-panel, #usermenu .dropdown-panel .seemore, .notifications .dropdown-panel .seemore, #usermenu .popup-panel .seemore, .notifications .popup-panel .seemore, li, ul, .gamelist, .setstore, .submenu-rightside .score.steady, .submenu-rightside .score.orange i,  .submenu-rightside .score.steady i, .submenu-rightside .score.steady span {

background-color: #000000 !important;

border: none !important;

}

.submenu-home i {

background-color: #ffffff !important; /*สีพื้นหลังไอคอนเล็ก ๆ หน้าเมนูย่อย*/

color: #000000 !important; /*สีไอคอนเล็ก ๆ หน้าเมนูย่อยของปุ่ม home*/

}

.submenu-home a:hover, .dropdown-panel li:hover>a, .notifications .dropdown-panel li:hover>a, .submenu-leftside .submenu-list>li:hover, .submenu-leftside .submenu-supersub li a:hover, .submenu-more .submenu-main li:hover, .submenu-rightside .view-more:hover, .gamelist .view-more-quiz:hover, .submenu-home li:hover i {

background: -webkit-radial-gradient(center, ellipse cover, #ea0000 0%,#000000 100%) !important; /*สีไฮไลท์ตอนเอาเมาส์ชี้เมนูต่าง ๆ*/

color: #ffffff !important; /*สีตัวหนังสือเวลาเอาเมาส์ชี้*/

}

.submenu-rightside h3, .submenu-more h3, .submenu-rightside .settime, -wrap .submenu-leftside .submenu-list>li>a, .submenu-leftside .submenu-list>li>a, .submenu-leftside .submenu-list>li div, #noti-screen .viewport-header, .noti-screen .viewport-header, #noti-screen li .linkname, .noti-screen li .linkname {

color: #ffffff !important; /*สีตัวหนังสือหัวข้อต่าง ๆ*/

}

ul.cl_pagetab.paging-default {

background: none!important; /*ลบแถบสีตรงจำนวนหน้าคอมเม้นท์-ใช้ได้เฉพาะบทความย่อย*/

}

/*เปลี่ยนสี head 1-Sakurai Winter*/

p#big_text {

background: -webkit-radial-gradient(center, ellipse cover, #ea0000 0%,#000000 60%); /*สีพื้นหลัง head 1*/

color: #ffffff !important; /*สีตัวอักษร head1*/

font-family: Acidic; /*รูปแบบตัวอักษร*/

font-size: 34px; /*ขนาดตัวอักษร*/

height: 44px; /*ความสูงของ head*/

line-height: 44px; /*ระดับสูงต่ำของตัวอักษร ควรเป็นค่าเดียวกันกับความสูงของ head*/

}

/*เปลี่ยนสี head 2-Sakurai Winter*/

h2.box02, .box01, .box04_head  {

background: -webkit-radial-gradient(center, ellipse cover, #ea0000 0%,#000000 100%); /*สีพื้นหลัง*/

}

h2.box02 p {

font-size: 14px; /*ขนาดตัวอักษร*/

color: #ffffff !important; /*สีตัวอักษร*/

background: none;

}

/*เปลี่ยนสีตัวอักษรทั้งหน้า-SakuraiWinter*/

p, body,ul.name_story li .slash {

color: #ea0000 !important; /*เปลี่ยนสีตัวอักษรทั้งหน้า*/

}

/*เปลี่ยนสีลิงค์-Sakurai Winter*/

a:link {text-decoration: none; color: #ea0000 !important} /*สีลิงค์ปกติ*/

a:visited {text-decoration: none; color: #ea0000 !important} /*สีลิงค์ที่เคยเข้าแล้ว*/

a:hover {text-decoration: none; color: #ffffff !important;} /*สีลิงค์ตอนเอาเมาส์ชี้*/

/*เปลี่ยนสี rating & vote ทางขวาบน-Sakurai Winter*/

p.vote_m {

color: #f8f5fd !important;

}

/*เปลี่ยนสีตัวเลขจำนวนแชร์ด้านบน-SakuraiWinter*/

p.box_facebook-right2 strong {

color: #f8f5fd ; /*สีตัวอักษร*/

}

/*เปลี่ยนสีปุ่ม Report & Review ด้านบนขวา-Sakurai Winter*/

.bigname_sb01 a.name_sb01 ,a.review {

background: #000000 repeat; /*สีปุ่ม*/

color: #f8f5fd !important; /*สีตัวหนังสือ*/

}

a.review:hover, .bigname_sb01:hover a.name_sb01 {

background: -webkit-radial-gradient(center, ellipse cover, #ea0000 30%,#000000 100%) /*สีปุ่มตอนเอาเมาส์ชี้*/

}

/*เปลี่ยนสีป๊อปอัพปุ่ม report ด้านบนขวา-Sakurai Winter*/

.bigname_sb01:hover ul.name_sb01_uu, a.name_sb01:hover ul.name_sb01_uu {

background: #โค้ดสี repeat;

}

.bigname_sb01:hover ul.name_sb01_uu li {

border-bottom: none;

}

.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa {

color: #ea0000 !important; /*สีลิงค์ปกติ*/

}

.bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa:hover {

color: #ffffff !important; /*สีลิงค์ตอนเอาเมาส์ชี้*/

}

/*เปลี่ยนสีปุ่ม เขียนบทวิจารณ์&เขียนคำนิยม&ลบไอคอนข้างหน้า-Sakurai Winter*/

a.box04_head03 {

background: #000000; /*สีปุ่ม*/

}

/*เปลี่ยนสีพื้นหลังไอคอน month views,comments, fanclub,ปุ่มแชร์ด้านบน-Sakurai Winter*/

ul.box_facebook li .b_fb_l_i01 {

background-color: rgba(234, 0, 0, 0.2);

}

/*เปลี่ยนสีไอคอน month view, comments, fanclub,ปุ่มแชร์ ด้านบน-Sakurai Winter*/

/*สีปุ่มเวลาปกติ*/

ul.box_facebook li .b_fb_like a {

background-image: linear-gradient(to top, #ea0000 , #000000); /*สามารถใส่สีพื้นหลังได้สองสีค่ะ โดยสีจะไล่ระดับกันจากล่างขึ้นบน โค้ดสี1 เป็นสีด้านล่าง โค้ดสี2 เป็นสีด้านบน*/

border: 0px ; /*สีเส้นขอบรอบปุ่ม*/

}

/*เปลี่ยนสีปุ่มตอนเอาเมาส์ชี้*/

ul.box_facebook li .b_fb_like a:hover {

background-image: linear-gradient(to top , #000000 0px, #770000 100%); /*สามารถใส่สีพื้นหลังได้สองสีค่ะ โดยสีจะไล่ระดับกันจากล่างขึ้นบน โค้ดสี1 เป็นสีด้านล่าง โค้ดสี2 เป็นสีด้านบน*/

border: 0px ; /*สีเส้นขอบรอบปุ่ม*/

}

/*เปลี่ยนสีพื้นหลังตรง "กรุณาเลือกคะแนน" ในบทความย่อย-Sakurai Winter*/

.select-style {

background: url("img/ddl.png") no-repeat scroll 140px 0px rgba(255, 0, 0, 0.69);

border: none !important;

}

/*สีตัวหนังสือในช่องคอมเม้นท์ของนักอ่าน-Sakurai Winter*/

.comment-text {

font-size: 14px;

color: #f8f5fd; 

}

/*เปลี่ยนสีพื้นหลังกล่องคอมเม้นท์-Sakurai Winter*/

.comment-setbubble {

background: linear-gradient(to top, #ea0000 , #000000);

border: none; /*ลบเส้นขอบ*/

}

/*เปลี่ยนสีแถบใต้กล่องคอมเม้นท์-Sakurai Winter*/

.comment-action {

background: linear-gradient(to top, #000000 , #ea0000);}

/*เปลี่ยนสีหัวข้อบทวิจารณ์ คำนิยม-Sakurai Winter*/

h2.box04_head02 {

background: -webkit-radial-gradient(center, ellipse cover, #4f4f4f 0%,#000000 100%); /*สีหัวข้อ*/

color: #ffffff; /*สีข้อความ*/

}

/*เปลี่ยนสีพื้นหลังบทวิจารณ์ คำนิยม-Sakurai Winter*/

.box04 {

background: -webkit-radial-gradient(center, ellipse cover, #4f4f4f 0%,#000000 100%);

}

/*เปลี่ยนสีกล่องคอมเม้นท์ด้านล่างสุดของบทความ-Sakurai Winter*/

.cm-box-area {

background-color: #000000; /*สีกล่องรอบนอก*/

}

.cke_skin_kama .cke_wrapper {

background-color: #000000; /*สีแถบเมนูในกล่องคอมเม้นท์*/

}

span.cke_skin_kama {

border: none; /*ลบเส้นขอบ*/

}

/*เปลี่ยนสีหัวข้อบุคคลทั่วไป,สมาชิกด้านบนกล่องคอมเม้นท์ด้านล่างของบทความ-Sakurai Winter*/

.comment-tabbable .comment-tabs .active button {

background: linear-gradient(to top, #000000 , #ea0000); /*สีพื้นหลังหัวข้อ*/

color: #ffffff; /*สีตัวอักษร*/

border-top: solid 5px #ea0000 ; /*แถบสีด้านบนหัวข้อ*/

}

/*เปลี่ยนสีปุ่ม "แสดงความเห็น"-Sakurai Winter*/

.btn-orange {

background: linear-gradient(to top, #ea0000 , #000000); /*สีปุ่มเวลาปกติ*/

color:#ffffff !important; /*สีตัวหนังสือเวลาปกติ*/

}

.cm-box-area .comment-submit:hover {

background: linear-gradient(to top, #000000 , #ea0000); /*สีปุ่มตอนเอาเมาส์ชี้*/

color: #ffffff; /*สีตัวหนังสือตอนเอาเมาส์ชี้*/

}

.cm-box-area .comment-submit {

text-shadow: none; /*ลบเงาตัวหนังสือ*/

border: none; /*ลบเส้นขอบ*/

}

/*เปลี่ยนสี scrollbar-Sakurai Winter*/

::-webkit-scrollbar {

width: 12px;

}

::-webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

-webkit-border-radius: 10px;

border-radius: 1px;

background: rgba(0,0,0,1);

}

/* Handle */

::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;

    border-radius: 10px;

background: rgba(255,0,0,0.8);    

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

}

::-webkit-scrollbar-thumb:window-inactive {

background: rgba(255,0,0,0.4); 

}

/*-----------Zone C: โค้ดลบต่าง ๆ------------*/

/*แถบสีส้มด้านบนใต้ toolbar ล่องหน-Sakurai Winter*/

#sec-head {

background-color: rgba(254, 150, 29, 0)!important;

}

/*ลบเมนูรอง ตรงนิยายรักหวานแหวว นิยายรักเศร้า ๆ ฯลฯ ด้านบน-Sakurai Winter*/

#sec-menu {

display: none;

}

/*ลบส่วนที่อยู่เหนือชื่อบทความ-Sakurai Winter*/

div#head, div _head{

display: none;

}

/*ลบไอคอนรูปดาวข้างหน้านิยายเรื่องยาว-My.iD ด้านซ้ายบน-Sakurai Winter*/

ul.name_story li p {

background: none;

}

/*ลบเส้นขอบ&เส้นแบ่งด้านบนทั้งหมด-Sakurai Winter*/

.big_fb {

border-top: none !important; /*เส้นขอบเหนือ month views--*/

}

ul.box_facebook li .b_fb_like p.b_fb_l_font01, .box_facebook-right01{

border-left: none !important; /*เส้น seperatorด้านข้าง month views*/

}

p.vote_m {

border-right: none !important; /*เส้นแบ่งตรง review&vote-*/

}

#content_name {

border: none !important; /*ลบเส้นขอบตรงแนะนำเรื่องแบบย่อ ๆ*/

}

/*ลบ"ข้อมูลเบื้องต้นของเรื่องนี้"-Sakurai Winter*/

div.story .desc_head {

display: none;

}

/*ลบไอคอนสีเขียวตรงแถบ navigator ในบทความย่อยออก-Sakurai Winter*/

ul.next li a {

background: none !important;

}

/*ลบไอคอนข้างหน้า "เพิ่มขนาด&ลดขนาด"-Sakurai Winter*/

ul.bigsize li a {

background: none !important;

}

/*ลบไอคอนแถบค้นหาบทความ & เว็บบอร์ด writer & แจ้งบทความไม่เหมาะสม & โหวตผิดปกติ-SakuraiWinter*/

ul.box_uu01 li a {

background: none;

border-right: none;

}

/*ลบไอคอนรูปดาวตรง "บันทึกเป็น Favorite"-Sakurai Winter*/

.favor {

background-image: none;

}

/*ลบเส้นขอบตรงคำว่า "ส่งคะแนน" ในบทความย่อย-Sakurai Winter*/

a.vote_box3 {

border: none! important;

}

/*ลบโฆษณาตรงคอมเม้นท์-Sakurai Winter*/

#google_ads_comment1, #google_ads_comment1 li {

display: none!important;

}

/*ลบพื้นสีส้มตรงหมายเลขหน้าคอมเม้นท์-Sakurai Winter*/

.cl_pagetab li {

background-image: none !important;

}

/*ลบข้อตกลง & เงื่อนไขการใช้งานด้านล่าง- 889174 Code Store*/

div.accord,div.app-footer{display:none !important}

/*combine basic theme code by Sakurai Winter*/</style>

 

แถม ๆ ค่า!!
แจกพื้นหลังเพิ่มเติม เผื่อใครอยากได้สีม่วงนะ
แก้ลิงค์รูปตรงพื้นหลังหลักเองได้เลยนะคะ
(คลิกที่ภาพเพื่อดูขนาดใหญ่)
v