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

ลำดับตอนที่ #10 : ★Tipz การรวมโค้ด {ตอนที่คุณไม่ควรพลาด!}

★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-colo:#โค้ดสี;
scrollbar-darkshadow-color: #โค้ดสี ;
scrollbar-track-color:#โค้ดสี;
scrollbar-arrow-color: #โค้ดสี; 
}</style>โค้ด

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