••Free Theme บทความ••(ปิดทำการแล้วค่ะ)

ลำดับตอนที่ #158 : { การแก้โค้ดธีม สไตล์ . เทม :)) } ฉบับไม่เคยเปิดเผยที่ใดมาก่อน

{ การแก้โค้ดธีม สไตล์ . เทม :)) } ฉบับไม่เคยเปิดเผยที่ใดมาก่อน

เนื้อหาในตอนนี้ ไม่ได้มีจุดประสงค์อื่นใด นอกเสียจากอยากให้ความรู้
กับคนที่เพิ่งจะเริ่มทำธีม หรือทำธีมมานานแล้ว แต่ยังอยากจะได้ข้อมูลในการ
กำหนดสีของแต่ละส่วนแบบละเอียด และมีความแน่นอน 
ดังนั้นเทมจึงเขียนตอนนี้ขึ้นมาค่ะ หวังว่าจะนำไปใช้กันน้า X)

ปล. โค้ดข้างล่างนี้สามารถนำไปใช้ได้โค้ดไม่ต้องลบอะไรเลย
เอาไว้เตือนความจำเวลาทำธีมได้ อิอิ ^^

....................................................................................................

<style type="text/css">

.head1 { background:        ; } /*ควรเป็นสีที่เข้มที่สุดของ bg นะคะ*/

.head2 {  background:            ; } /*ควรเป็นสีที่เข้มรองลงมา อาจเป็นสีเดียวกับ .head1 ก็ได้*/

table.story {  border-color:           ; } /*สีตาราง ไม่ต้องเติมก็ได้ค่ะ*/

span.desc_head {font-weight: bold;  color:             ; } /*สี font ตรงคำอธิบายบทความ เป็นสีที่ไม่ต้องเข้มมากก็ได้*/

BODY {

scrollbar-face-color:             ; /*สีพื้นหน้าของสกอลบาร์  เป็นสีเดียวกับ .head1 ก็ได้ค่ะ*/

scrollbar-shadow-color:            ; /*เป็นสีที่อ่อนที่สุดของพื้นหลังค่ะ*/

scrollbar-highlight-color:           ; /*สีเดียวกับ shadow ช่องข้างบนค่ะ*/

scrollbar-3dlight-color:          ; /*สีเดียวกับ face*/

scrollbar-darkshadow-color:                 ; /*สีเดียวกับ face*/

scrollbar-track-color:         ; /*สีที่อ่อนที่สุดของพื้นหลัง สีเดียวกับ shadow และ highlight*/

scrollbar-arrow-color:                 ; /*สีที่อ่อนที่สุดของพื้นหลัง สีเดียวกับ shadow และ highlight*/

}

table {background:               ;border:none} /*สีตารางส่วนมากจะกำหนดให้เป็นสีที่อ่อนที่สุดของพื้นหลัง แต่อาจเป็นแบบโปร่งแสงก็ได้*/

td {background:                   ;border:none} /*ส่วนใหญ่เทมไม่ได้ใส่สีของขอบเลยค่ะ*/

A:hover {

color:                 ;  /*เป็นสีที่เด่นสุด แต่ไม่กลืนกับพื้นหลัง*/

}

A:active {color:                       } /*สีเดียวกับตัว .head ก็ได้*/

BODY   {

BORDER:15px inset #              ; /*สีที่เข้มที่สุดของพื้นหลัง หรือสีดำไปเลย*/

}</style>

<style type="text/css">

td,th,div,body,li,ul,p {color:   ; /*สี font ทั้งหน้าบทความ*/ 

font-size:11px; /* ขนาด font*/

font-family: Tahoma; /*จะเปลี่ยนรูปแบบ font แก้ที่นี่ได้เลย*/

}

a:link {

color:                ; /*สีที่ต่างจากสีตัวอักษรทั้งหมด แต่ไม่กลืนกับพื้นหลัง*/

}

a:visited {

color:               ; /*คนละสีกับสี link เพื่อให้ง่ายต่อการดูว่าเราเคยคลิกลิงค์ไหนไปแล้วบ้างค่ะ*/

}

</style>

<style type="text/css"> /*โค้ดเมาส์นี่เปลี่ยนกันตามสบายเลยนะคะ*/

<!--body  {

cursor:crosshair}

{a:crosshair}

// -->

</style>

<style type="text/css">

INPUT, SELECT, TEXTAREA {

background-color:            ; /*สีพื้นหลังของปุ่มกด และที่เขียนคอมเม้นท์ เป็นสีเดียวกับสีที่เข้มที่สุดของพื้นหลังค่ะ*/

color:          ; /*สีตัวอักษรของปุ่มและที่เขียนคอมเม้นท์ เทมชอบให้มันเป็นสีเดียวกับพื้นตารางอ่ะ*/

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

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

border: dashed 1px #             ;  /*สีและรูปแบบเส้นขอบ เทมมักจะให้อันนี้เป็นสีเดียวกับ color อ่ะค่ะ แหะๆ*/

padding: 0; /*ระยะห่างของตัวหนังสือกับเส้นขอบ ไม่ต้องปรับก็ได้ค่ะ*/

}

</style>

.........................................................

เรียบร้อยแล้ว
ใครอ่านเสร็จแล้วก็ขอเสียงหน่อยน้า~
ฮิ้วววว
55+