Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer]

ลำดับตอนที่ #86 : [writer] ปุ่ม 'บันทึกบทความเป็น Favourite'

อันว่า คำสั่ง บันทึกบทความเป็น Favorite ที่มีให้อยู่แล้วในหน้าบทความนั้น ออกจะหายากไปสักหน่อย

ถ้าไม่ได้ติดตามเด็กดีมานาน จนรู้ที่ทางของสิ่งต่างๆ ดีแล้ว อาจจะไม่ทันสังเกตเห็นด้วยซ้ำไป

เห็นได้จากที่มักจะมีคนเล่นใหม่ๆ หลายๆ คนตั้งหลายคนตั้งกระทู้ถามว่า "บันทึกเป็นแฟนพันธุ์แท้อย่างไร"

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

ด้วยเหตุผลทั้งปวงนี้เอง... เรามาทำปุ่ม  'บันทึกบทความเป็น Favourite'  ในแบบฉบับของเรากันดีกว่าค่ะ ^^

>> ปุ่มตัวอย่าง <<


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

ก่อนอื่นก็เตรียมภาพกันก่อนนะคะ หรือใครไม่อยากใช้ภาพ จะใช้เป็นตัวหนังสือเฉยๆ ก็ได้เช่นกันค่ะ ^^

หลังจากนั้นก็ใส่โค้ดคร่อมโค้ดภาพ / โค้ดข้อความ ตามนี้ค่ะ...

<a href="http://writer.dek-d.com/Caje/writer/view.php?id=499460#" onclick="javascript:popup('addfavstory.php?story_id=499460', 'afs', 320, 300);
return false;"> ส่วนของโค้ดภาพ / โค้ดข้อความ  </a>

อย่าลืมเปลี่ยน story_id=499460 เป็นเลขที่ไอดีบทความที่ต้องการด้วยนะคะ

เลขที่ไอดีสามารถหายได้จาก address bar ที่จะแสดงให้เห็นเวลาเปิดบทความของเรานี่แหละค่ะ
อย่างของบทความนี้ก็จะเป็น 499460 นั่นแหละค่ะ (จำนวนหลักของเลขอาจมากน้อยกว่านี้ก็ได้ แล้วแต่บทความ ไม่ต้องเป็นห่วงไปค่ะ)


ส่วนตัวอย่างโค้ดภาพจะเป็นแบบนี้ค่ะ...

<img border="0" alt="บันทึกบทความนี้เป็นเรื่องโปรด" src="http://image.dek-d.com/23/815724/105002233" />

สังเกตว่าจะขึ้นต้นแท็กด้วย img (ย่อมาจาก image) และปิดแท็กในตัวเอง


เวลาเอาโค้ดไปใช้งานจริง ก็จะออกมาในลักษณะนี้ค่ะ

<a href="http://writer.dek-d.com/Caje/writer/view.php?id=499460#" onclick="javascript:popup('addfavstory.php?story_id=499460', 'afs', 320, 300);
return false;">
<img border="0" src="http://image.dek-d.com/23/815724/105002233" alt="บันทึกบทความนี้เป็นเรื่องโปรด" />
<br />เพื่อรับข่าวสารเกี่ยวกับโค้ดและเทคนิคใหม่ๆ ที่น่าสนใจ
<br />ส่งตรงถึงหน้าไอดี
</a>

พื้นหลังสีเหลืองอ่อนคือโค้ดหลัก (โค้ดทำ link บันทึก fav.) ตัวอักษรแดงๆ ที่ต้องเปลี่ยนคือไอดี

พื้นหลังสีเขียวอ่อนคือโค้ดภาพ ตัวอักษรแดงๆ ที่ต้องเปลี่ยนในส่วนนี้คือ url ของภาพ กับข้อความที่จะขึ้นเมื่อเอาเมาส์ไปชี้ที่ภาพ

พื้นหลังสีฟ้าอ่อนคือโค้ดข้อความ ตัวอักษรเปลี่ยนได้ตามใจ ส่วน <br /> คือโค้ดขึ้นบรรทัดใหม่

หวังว่าคงช่วยให้เข้าใจมากขึ้นนะคะ ^^


* โค้ดนี้สามารถนำไปใช้ได้ทั้งที่หน้าหลักนิยาย และตอนย่อยของบทความค่ะ