สอนแต่ง My.iD และเทคนิคพื้นฐานมากมาย

ลำดับตอนที่ #4 : เรื่องโค้ดบีจี

โค้ดบีจี
คือโค้ดที่เราใส่ไปแล้วจะเปลี่ยนพื้นหลังได้
เช่นแบบนี้

+ +

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

โค้ดบีจีสำเร็จก็ใส่เหมือนกับโค้ดสำเร็จทั่วไป
ก๊อบมาแปะได้เลย

ตัวอย่างโค้ดสำเร็จ
ก๊อบไปแปะได้เลย

+ +

โค้ดบีจีดิบ
ก็แค่ติ๊กแบบนี้

 ใส่โค๊ดพิเศษ

เว้นมาบรรทัดมาต่อไปแล้วใส่โค้ดได้เลย
ตัวอย่างโค้ดดิบ ก๊อบไปใส่ตามวิธีข้างบนได้เลยค่ะ
(ก๊อบเฉพาะตัวตัวสีน้ำเงินนะคะ)
เป็นบีจีกระพริบสีเขียวค่ะ

<style type="text/css"><!--body { background-image: url("http://img.photobucket.com/albums/v40/mitsiki/glitterromance/bg/sparkle/1.gif");}--></style>
<a href="http://www.myglitterromance.com" target="_blank">
<img src="http://img.photobucket.com/albums/v40/mitsiki/glitterromance/bg/background.gif" border="0" alt="Fancy Backgrounds From MyGlitterRomance.com"></a>


ต่อไปจะอธิบายแบบวิชาการแล้วนะคะ

โค้ดของบีจีค่ะ

<style type="text/css">
body{
background-image: url(ใส่urlหรอทีอยู่ของภาพค่ะ);
background-attachment:fixed;
}
</style>

  ตัวสีเหลืองคือสามารถเปลี่ยนค่าได้ สำหรับอันนี้ "fixed" ได้ใส่ไว้เพื่อล๊อกค่าพื้นหลังให้อยู่กับที่อยู่แล้วจึงเปลี่ยนแค่ตรง url ของรูปก็พอค่ะ

         ต่อไปจะอธิบายแบบวิชาการกว่าอีกจะไม่อ่านก็ได้ค่ะใช้แค่ข้างบนก็ได้
พอดีเราก็ไม่ได้เก่งเรื่องนี้มากน่ะค่ะ ก็อธิบายพอเข้าใจนะตะ

โค้ดเป็นภาษา html นะคะ เราจังใส่คำว่า body ไว้ข้างหน้าเพื่อให้ทราบว่าใช้กับส่วนไหน (ถ้าเป็นโค้ดของส่วนอื่นก็ลองสังเกตดูแล้วกันนะคะ มันจะเขียนว่าอย่างอื่น) แล้วเราก็ใส่คำสั่งต่างๆลงไปจากนั้นก็ใส่ปีกกา { } ครอบคลุมไว้ด้วยค่ะ มันก็คล้ายๆกับบอกว่าจบคำสั่งส่วนนี้แล้ว อะไรประมาณนั้นน่ะค่ะ

ส่วนตรงที่ว่า background-image: url(ใส่urlหรอทีอยู่ของภาพค่ะ);
ก็ใส่ที่อยู่ของภาพนั้นลงไป การหาที่อยู่นั้นอยู่ในตอนอื่นค่ะ

ส่วนตรงที่ว่า background-attachment:fixed; 
คือล๊อกบีจีไม่ไห้เคลื่อนที่ไปตามตอนที่เราเลื่อนหน้าจอ แต่ถ้าเราอยากให้มันเลื่อนเราก็ใส่คำว่า scroll ไปแทนนะคะ

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

สำหรับใครที่ขี้เกียจทำจะฝากให้ทำให้ก็ได้นะคะ

(ที่จริงมันยังมีอีกเยอะแยะมากมายแต่ขอพูดแค่เรื่องพื้นฐานธรรมดาก่อนนะคะ และอีกอย่างมันเยอะเกินไป พิมพ์ไม่ไหวแล้ว)