THEME 4FUN,,สอนทำธีม

ลำดับตอนที่ #14 : TipZ{4}การรวมโค้ด 100%

TipZ การรวมโค้ด 

โค้ดที่ 1<style type="text/css">/*ส่วนนี้คือ กล่องคอมเม้น*/
INPUT, SELECT, TEXTAREA {
background-color:       #โค้ดสี          ;
color:    #โค้ดสี      ;
font-family: tahoma;
font-size: 0px;
border: solid 0px #โค้ดสี           ;
padding: 0;
}</style>

โค้ดที่ 2<style type="text/css">
BODY { /*โค้ดสกอบาร์*/
scrollbar-face-color:            ;
scrollbar-shadow-color:      #โค้ดสี      ;  
scrollbar-highlight-color:      #โค้ดสี      ;
scrollbar-3dlight-color:  #โค้ดสี        ;
scrollbar-darkshadow-color:     #โค้ดสี         ;
scrollbar-track-color:       #โค้ดสี      ;
scrollbar-arrow-color:         #โค้ดสี        ; 
}</style>

ดังโค้ดตัวอย่างค่ะ ^^ หากเราต้องการนำโค้ดที่ 1 และโค้ดที่ 2 มารวมกัน
ถ้าสังเกตดีๆโค้ด 2 อันนี้มีสิ่งที่เหมือนกันนั้นก็คือ
<style type="text/css"> โค้ดเริ่ม
</style>โค้ดปิด
วิธีรวมก็หมูมากค่ะ :D เราก็ตัด </style> โค้ดปิดของโค้ดที่ 1 (ที่แรเงาสีดำไว้) และก็ตัด

<style type="text/css"> โค้ดเริ่มต้นของโค้ดที่ 2 (ที่แรเงาไว้) ออกไปซะค่ะ ^_^ มันก็เป็นแบบนี้

โค้ดที่ 1  การรวม<style type="text/css">/*ส่วนนี้คือ กล่องคอมเม้น*/
INPUT, SELECT, TEXTAREA {
background-color:       #โค้ดสี          ;
color:    #โค้ดสี      ;
font-family: tahoma;
font-size: 0px;
border: solid 0px #โค้ดสี           ;
padding: 0;
}

โค้ดที่ 2
BODY { /*โค้ดสกอบาร์*/
scrollbar-face-color:     #โค้ดสี       ;
scrollbar-shadow-color:      #โค้ดสี      ;  
scrollbar-highlight-color:      #โค้ดสี      ;
scrollbar-3dlight-color:  #โค้ดสี        ;
scrollbar-darkshadow-color:     #โค้ดสี         ;
scrollbar-track-color:       #โค้ดสี      ;
scrollbar-arrow-color:         #โค้ดสี        ; 
}</style>โค้ด

จากนั้นเราก็ทำการทอดโค้ดให้สุกซะ *3* โดยใส่ชื่อไว้ข้างหน้า <style type="text/css">
และข้างหลัง </style> ดังตัวอย่างจ้ะ งงไหมเอย -_-?? ถ้าไม่เข้าใจก็มาถามได้จ้ะ
แล้วก็ขอโทษด้วยจ้ะที่หายไป 1 สัปดาห์ เราเล่นได้เฉพาะเสาร์-อาทิตย์เท่านั้นอะค่ะ T^T