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

ลำดับตอนที่ #6 : ; โค้ดประยุกต์ใช้ได้หลายแบบ

k.elvin




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

____________________________________________________

ยกตัวอย่าง *
การดัดแปลงจาก สี ให้กลายเป็น รูปภาพ


โค้ดเปลี่ยนสีแถบชื่อบทความ
<style type="text/css">

.head1 { background: โค้ดสี; }
</style>

* ตรงที่เป็นโค้ดสี เราสามารถเปลี่ยนเป็นรูปภาพได้ฮะ
จากปกติที่แถบชื่อบทความจะเป็นสีธรรมดา
(สมมุตเป็นสีขาว) โค้ดสีของสีขาวคือ #FFFFFF
เราก็เปลี่ยนเป็น url( ที่อยู่ของรูปภาพ ) ได้ฮะ

ก็จะได้เป็น

<style type="text/css">

.head1 { background:url( ที่อยู่ของรูปภาพ ) ; }
</style>

แบบนี้ฮะ :D!  เอาล่ะ ตรงนี้บางคนอาจจะพอรู้บ้างแล้ว
แต่ ที่อยู่ของรูปภาพคืออะไร หาจากไหน ?

อย่างที่ชื่อบอก url คือที่อยู่ของรูปภาพฮะ
เราสามารถดูที่อยู่ของรูปภาพได้โดยการกดคลิกขวาที่รูปภาพ
( จำเป็นต้องเปิดรูปภาพขนาดจริงครับ )
จากนั้นก็กดที่ propoties แล้วก็จะมีหน้าต่างเด้งขึ้นมาฮะ
จะมีเขียนว่ารูปนี้ชื่ออะไร ขนาดเท่าไหร่ ที่อยู่ แล้วก็อะไรอีกมากมาย.
เราก็อปส่วนที่เป็นที่อยู่มาใส่ในวงเล็บได้เลยฮะ ... เสร็จแล้ว :)!

อ้อ! โค้ดดัดแปลงจาก สี เป็นรูปภาพ อันนี้
ใช้ได้กับ [ แถบชื่อบทความ , หน้าบทความ , พื้นหลังบทความ ] ฮะ

ไม่ยากเลยใช่มั้ยฮะ ... หรือบางคนอาจจะบอกว่ายาก ?
อืม ผมคิดว่าของแบบนี้ต้องฝึกบ่อยๆฮะ
ถ้าจำคำสั่งได้ก็จะสบายบรื๋อเลยล่ะ
ยังไงก็สู้ๆ นะฮะ !