★ How to Theme; สอนทำธีมแบบง่ายๆ

ลำดับตอนที่ #5 : ; แยกส่วนโค้ด และ รวมโค้ด

 k. elvin


เอาล่ะครับ
ทีนี้ผมจะจับโค้ดแยกส่วนให้ดูกัน
ว่าจริงๆแล้วมันมีอะไรบ้าง

<style type="text/css">
.head1 { background: โค้ดสี; }
</style>

<style type="text/css">
table {background:  โค้ดสี; border:none} 
</style>

 เอาล่ะ .เอามาให้ดูกันพอหอมปากหอมคอ :)
จะเห็นว่า ในโค้ดสองอันนี้จะมีส่วนที่เหมือนกันคือ <style type="text/css>.....</style>
แล้วส่วนด้านในผมจะขอเรียกว่าโค้ดคำสั่งแล้วกันนะครับ ^^
คำสั่งทั้งหมดจะมีอยู่เยอะแยะไปหมดจำเราจำไม่ได้เลยล่ะ
แน่นอนว่าก่อนที่จะเอาโค้ดมารวมกันเนี่ย หน้าตามันจะเป็นแบบนี้แหละครับ

ทีนี้ ผมจะสอนรวมโค้ด

ดูจากด้านบนที่ผมบอกเลย จะเห็นว่าโค้ดทั้งสองกล่องจะมี
<style type="text/css>.....</style>
<style type="text/css> เป็นโค้ดเปิด
ส่วน </style> จะเรียกว่าโค้ดปิดครับ

พอเราจะเอามารวมกัน เราก็ใส่โค้ดเปิดไว้
แล้วเอาโค้ดคำสั่งทั้งหมดใส่เข้าไปตรงกลางครับ
จากนั้นก็ใส่โค้ดปิด

จะได้เป็นแบบนี้ 

<style type="text/css">
.head1 { background: โค้ดสี; }

table {background:  โค้ดสี; border:none} 

</style>

 
ถ้าไม่เข้าใจตรงไหนก็ถามได้นะครับ
เอาล่ะ. ตอนหน้าจะสอนละเอียดยิบแล้ว สู้ๆนะครับ ;)