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

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

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 9272
    จำนวนคนให้กำลังใจ : 10 ครั้ง
    13 มิ.ย. 53


อันว่า คำสั่ง
บันทึกบทความเป็น 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 /> คือโค้ดขึ้นบรรทัดใหม่

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


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




ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 10 ครั้ง

4,449 ความคิดเห็น

  1. #4443 itschorchyy (@Little_moji) (จากตอนที่ 86)
    วันที่ 6 สิงหาคม 2560 / 22:11
    ทดลองจ้า --


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


    แก้ไขครั้งที่ 1 เมื่อ 6 สิงหาคม 2560 / 22:13
    แก้ไขครั้งที่ 2 เมื่อ 16 สิงหาคม 2560 / 21:24
    #4443
    0
  2. #4436 MiD-KnigHt (@laong12) (จากตอนที่ 86)
    วันที่ 18 เมษายน 2560 / 16:07
    บันทึกบทความนี้เป็นเรื่องโปรด
    #4436
    0
  3. #4434 MiD-KnigHt (@laong12) (จากตอนที่ 86)
    วันที่ 2 เมษายน 2560 / 19:04
    #4434
    0
  4. #4433 mukmukmuk07za (@mukmukmuk07za) (จากตอนที่ 86)
    วันที่ 27 มีนาคม 2560 / 22:16
    #4433
    0
  5. #4426 KarisKissTao (@Yokk-Luckk) (จากตอนที่ 86)
    วันที่ 17 ตุลาคม 2559 / 21:08
    Add Fav
    #4426
    0
  6. #4425 KarisKissTao (@Yokk-Luckk) (จากตอนที่ 86)
    วันที่ 17 ตุลาคม 2559 / 21:05
    #4425
    0
  7. #4424 KarisKissTao (@Yokk-Luckk) (จากตอนที่ 86)
    วันที่ 17 ตุลาคม 2559 / 21:04
    1533140', 'afs', 320, 300);
    return false;">

    <span style=


    แก้ไขครั้งที่ 1 เมื่อ 17 ตุลาคม 2559 / 21:06
    #4424
    0
  8. #4410 กุหลาบน้ำเงิน (@kyulove) (จากตอนที่ 86)
    วันที่ 21 พฤษภาคม 2559 / 22:21
    <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="บันทึกบทความนี้เป็นเรื่องโปรด" />
    #4410
    0
  9. #4409 กุหลาบน้ำเงิน (@kyulove) (จากตอนที่ 86)
    วันที่ 21 พฤษภาคม 2559 / 22:19
    <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>
    #4409
    0
  10. #4408 กุหลาบน้ำเงิน (@kyulove) (จากตอนที่ 86)
    วันที่ 21 พฤษภาคม 2559 / 22:17
    บันทึกบทความนี้เป็นเรื่องโปรด
    #4408
    0
  11. #4407 yaradokaika (@mookalohaexodo) (จากตอนที่ 86)
    วันที่ 21 พฤษภาคม 2559 / 18:54
    #4407
    0
  12. #4406 yaradokaika (@mookalohaexodo) (จากตอนที่ 86)
    วันที่ 21 พฤษภาคม 2559 / 18:47
    #4406
    0
  13. #4405 yaradokaika (@mookalohaexodo) (จากตอนที่ 86)
    วันที่ 21 พฤษภาคม 2559 / 18:42

    <a href="http://writer.dek-d.com/Caje/writer/view.php?id=d-164606&chapter=-1#" onclick="javascript:popup('addfavstory.php?story_id=d-164606&chapter=-1', 'afs', 320, 300);

    return false;">

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

    #4405
    0
  14. #4404 yaradokaika (@mookalohaexodo) (จากตอนที่ 86)
    วันที่ 21 พฤษภาคม 2559 / 18:34
    <a href="http://writer.dek-d.com/Caje/writer/view.php?id==d-164606&chapter=-1#" onclick="javascript:popup('addfavstory.php?story_id==d-164606&chapter=-1', 'afs', 320, 300);
    return false;">

    #4404
    0
  15. #4402 final5148 (@final5148) (จากตอนที่ 86)
    วันที่ 14 พฤษภาคม 2559 / 01:06
    #4402
    0
  16. #4401 final5148 (@final5148) (จากตอนที่ 86)
    วันที่ 14 พฤษภาคม 2559 / 01:05
    #4401
    0
  17. #4399 pploy123ployp123 (@pploy123ployp123) (จากตอนที่ 86)
    วันที่ 9 พฤษภาคม 2559 / 17:52

    <a href="http://writer.dek-d.com/pploy123ployp123/story/view.php?id=1451984 #" onclick="javascript:popup('addfavstory.php?story_id=1451984', 'afs', 250, 250);return false;">

    <img border="0" src=" http://upic.me/i/w0/of899.jpg " alt="บันทึกบทความนี้เป็นเรื่องโปรด" />

    #4399
    0
  18. #4398 pploy123ployp123 (@pploy123ployp123) (จากตอนที่ 86)
    วันที่ 9 พฤษภาคม 2559 / 17:49

    <a href="http://writer.dek-d.com/pploy123ployp123/story/view.php?id=1451984 #" onclick="javascript:popup('addfavstory.php?story_id=1451984', 'afs', 320, 300);

    return false;">

    <img border="0" src=" http://upic.me/i/w0/of899.jpg " alt="บันทึกบทความนี้เป็นเรื่องโปรด" />

    #4398
    0
  19. #4397 pploy123ployp123 (@pploy123ployp123) (จากตอนที่ 86)
    วันที่ 9 พฤษภาคม 2559 / 17:41

    <a href="http://writer.dek-d.com/pploy123ployp123/story/view.php?id=1451984 #" onclick="javascript:popup('addfavstory.php?story_id=1451984', 'afs', 250, 250);return false;">
    <img border="0" src=" http://upic.me/i/w0/of899.jpg " alt="บันทึกบทความนี้เป็นเรื่องโปรด" />



    แก้ไขครั้งที่ 1 เมื่อ 9 พฤษภาคม 2559 / 17:51
    #4397
    0
  20. #4396 pploy123ployp123 (@pploy123ployp123) (จากตอนที่ 86)
    วันที่ 9 พฤษภาคม 2559 / 17:32
    <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="บันทึกบทความนี้เป็นเรื่องโปรด" />
    #4396
    0
  21. #4395 pploy123ployp123 (@pploy123ployp123) (จากตอนที่ 86)
    วันที่ 9 พฤษภาคม 2559 / 17:30

    <a href="http://writer.dek-d.com/pploy123ployp123/story/view.php?id=1451984 #" onclick="javascript:popup('addfavstory.php?story_id=1451984', 'afs', 320, 300);

    return false;">

    <img border="0" http://upload.soda-zaa.com/share-F9D1_573064EA.html" alt="บันทึกบทความนี้เป็นเรื่องโปรด" />

    #4395
    0
  22. #4394 pploy123ployp123 (@pploy123ployp123) (จากตอนที่ 86)
    วันที่ 9 พฤษภาคม 2559 / 17:30

    <a href="http://writer.dek-d.com/pploy123ployp123/story/view.php?id=1451984 #" onclick="javascript:popup('addfavstory.php?story_id=1451984', 'afs', 320, 300);

    return false;">

    <img border="0" http://upload.soda-zaa.com/share-F9D1_573064EA.html" alt="บันทึกบทความนี้เป็นเรื่องโปรด" />

    #4394
    0
  23. #4393 pploy123ployp123 (@pploy123ployp123) (จากตอนที่ 86)
    วันที่ 9 พฤษภาคม 2559 / 17:07

     <a href="http://writer.dek-d.com/pploy123ployp123/story/view.php?id=1451984 #" onclick="javascript:popup('addfavstory.php?story_id=1451984', 'afs', 320, 300);
    return false;">
    <img border="0" http://upload.soda-zaa.com/share-F9D1_573064EA.html" alt="บันทึกบทความนี้เป็นเรื่องโปรด" />


    แก้ไขครั้งที่ 1 เมื่อ 9 พฤษภาคม 2559 / 17:09
    แก้ไขครั้งที่ 2 เมื่อ 9 พฤษภาคม 2559 / 17:26
    แก้ไขครั้งที่ 3 เมื่อ 9 พฤษภาคม 2559 / 17:26
    #4393
    0
  24. #4386 milkypastel (@milkypastel) (จากตอนที่ 86)
    วันที่ 16 เมษายน 2559 / 23:38
    #4386
    0