คุณกำลัง login ด้วย [ เปลี่ยนชื่อ | ออกระบบ ]
 กระทู้ Top5 วันนี้ | นิยาย | ค้นหานิยาย | บอร์ดนักเขียน | บอร์ด AF | บอร์ด TheStar | ของที่ระลึก Dek-D | App อ่านนิยายบนมือถือ New! |
  นิยายรักหวานแหวว | นิยายรักเศร้าๆ | นิยายซึ้งกินใจ | นิยายแฟนตาซี | นิยายผจญภัย | เรื่องสบายๆคลายเครียด | แฟนฟิค | วรรณกรรมเยาวชน |
เข้าสู่ My.iD Control สมัครเป็นนักเขียนใหม่ | วิธีลงบทความ กฏเกณฑ์การใช้งาน | การควบคุมเรตติ้ง

Gather ★ Codes.

ตอนที่ 77 : Gather ★ Codes : มาใส่ไอคอนหน้าลิ้งค์บทความกัน จ๊าบๆ!!


     อัพเดท 25 มี.ค. 57
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/สิ่งของ intrend
Tags: รวมโค้ด My id, รวมโค้ดสำหรับบทความ, โค้ด, code
ผู้แต่ง : ดินสอ ' ทู่ ๆ ดูเน็ตเวิร์คอื่นๆ ของ ดินสอ ' ทู่ ๆ
My.iD: https://my.dek-d.com/akiko-reki
< Review/Vote > Rating : 97% [ 37 mem(s) ]
This month views : 5 Overall : 12,030
748 Comment(s), [ แฟนพันธุ์แท้ 831 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Gather ★ Codes. ตอนที่ 77 : Gather ★ Codes : มาใส่ไอคอนหน้าลิ้งค์บทความกัน จ๊าบๆ!! , ผู้เข้าชมตอนนี้ : 348 , โพส : 6 , Rating : 0% / 0 vote(s)

ขนาดตัวอักษร : เพิ่มขนาด | ลดขนาด




ขอกล่าวสวัสดีตอนตีหนึ่งกว่าๆ ก่อนนน
รีบมาแอบอัพ เพราะคุณแม่แบนเล่นเด็กดียาวเลยอ่าจ้ะ

เค้าเห็นบางบทความมีไอคอนหน้าลิ้งค์ชิม๊าาา
แบบ....แหล่มเว่อร์ เจ๋งจ๊าบมากมาย 55555

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

ถ้าใครแจกก่อนแล้วก็ขอโทษที่แจกซ้ำนะคะ ไม่ได้เจตนานะ TT^TT ลบให้ได้นะถ้าโกรธกัน

ถ้าถามว่าแกะยังไง ให้ดูภาพเอานะ อธิบายไว้คราวหลังเนอะ //เมื่อไหร่ล่ะ T___T
(ใครสนจะอัพวิธีแกะแงะโค้ดสไตล์เรกิให้เน้อววว์)



เป็นไงล่ะ งงอ่ะเซ้ะ โฮร๊วววววว //งงตัวเองเหมือนกันว่าทำได้ไง 55555
โค้ดดิบมากมายอยู่คอลัมน์แนวนอนล่างนั่นแลลลล =w=" //กรูวทำได้ไง? //ทำมานานแล้ว 55555

โอเคๆ มาแจกโค้ดเข้าเรื่องเลยล่ะกันเนอะ ^w^

โค้ดนี้ต้องอธิบายกันก่อน
เริ่มล่ะนะ!!
ขอแบบทีละบรรทัดเพื่อความเข้าใจง่ายที่สุด!


...............................

<style name="Gather Codes." type="text/css">
 
a[href$="chapter=1"], a[href$="chapter=2"], a[href$="chapter=3"], a[href$="chapter=4"], a[href$="chapter=5"],

ตัวเลขที่เน้นสีแดง หมายความว่า ตอนที่ 

{
background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20px; background-position:left top;
}

padding คือ ระยะห่าง ระหว่างเรา เอ๊ยยย! ระยะห่างระหว่างลิ้งค์กับไอคอนที่เราจะอัพ! ปรับได้ตามใจฉัน
position คือ ตำแหน่ง ว่าจะวางซ้าย หรือ ขวา บน หรือ ล่าง นะจ๊ะ อยู่ที่เราปรับเช่นกัน


...............................

สำหรับคนที่อยากจะแยกประเภทสีไอคอนให้เป็นกลุ่มๆ ไปนั้น ไม่ยากอย่างที่คิด!!
(ปัญหาคือ....เวลาจะแยกกรณีมันอยู่ห่างตอนมาก ก็ควรจดเลขตอนที่แล้วมาจัดประเภทไว้นะ //แบบเรกิหน้าบทความจ้าา)
แล้วจะทำยังไงเวลาแยกล่ะ!?

มาดูต่อจากข้างบน!


...............................

<style name="Gather Codes." type="text/css">
a[href$="chapter=1"], a[href$="chapter=2"], a[href$="chapter=3"], a[href$="chapter=4"], a[href$="chapter=5"], 

background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20pxbackground-position:left top;
}

................................

 
เห็นปีกกาล่างสุดชิมิค๊ะ! อย่าเพิ่งใส่ </style> นะ
ถ้าอยากแยกๆ สีไอคอนหรือแบ่งเป็นประเภทๆ ไป แนะนำแบบนี้จ้ะ

ใส่ a[href$="chapter=ตอนที่"] แล้วห้ามลืม (
,) นะ!! ใส่มันต่อไปเลยยยย! แบบนี้!!

...............................

<style name="Gather Codes." type="text/css">
a[href$="chapter=1"], a[href$="chapter=2"], a[href$="chapter=3"], a[href$="chapter=4"], a[href$="chapter=5"]

background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20pxbackground-position:left top;
}
a[href$="chapter=23"], a[href$="chapter=26"], a[href$="chapter=27"]
{
background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20pxbackground-position:left top;
}
a[href$="chapter=8"], a[href$="chapter=14"], a[href$="chapter=34"], a[href$="chapter=43"], a[href$="chapter=44"]
{
background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20pxbackground-position:left top;
}

พอใส่จนครบ ก็มาจบที่  </style> นะจ๊ะ ^^


*ลืมบอกไป พอจะจบตรงก่อนถึงใส่ลิ้งค์ไอคอน ไม่ต้องใส่ (,) แล้วนะ ช่วงหน้า { น่ะจ้ะ

...............................

เข้าใจกันมั้ยอ่าาาา T T กลัวอธิบายแล้วงง ใครงงสงสัยอะไร หลังไมค์ได้น้อออววววว์ ><

กราบขอโทษหากแจกซ้ำนะจ๊ะ เค้าไม่ได้ตั้งใจจริงๆ แต่ไปหาตามร้านแจกโค้ด...ไม่เจออ่ะ =[ ]=!
เลยแคะแงะเองสุดความสารมารถ (3 วันแหนะ) 55555555

 
อ่ะๆ โค้ดแสนดีที่พี่คิดน๊าน นานนนน //โง่เกินบรรยายจริงๆ = =



ปล.โค้ดเสียหาย หรือใช้ไม่ได้ เม้นท์แบบด่วนๆ เลยนะ จะแก้ให้ทันทีค้าบบบบ!!

ขอเครดิตซักนิดหน่อยได้มั้ยคะ?? ><



ขอบคุณธีมแสนน่ารักเฟ่อร์ด้วยยย :'>
`Snoωωhite™


Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Gather ★ Codes. ตอนที่ 77 : Gather ★ Codes : มาใส่ไอคอนหน้าลิ้งค์บทความกัน จ๊าบๆ!! , ผู้เข้าชมตอนนี้ : 348 , โพส : 6 , Rating : 0% / 0 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1
# 6 : ความคิดเห็นที่ 733
ขอบคุณค่า
Name : 1eight% < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ 1eight% [ IP : 110.168.232.172 ]
ส่งข้อความลับ
วันที่: 28 มิถุนายน 2559 / 20:30
# 5 : ความคิดเห็นที่ 722
ขอบคุณนะคะ :-)
Name : 。☆VENUS`* < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ 。☆VENUS`* [ IP : 171.4.250.170 ]
ส่งข้อความลับ
วันที่: 10 เมษายน 2559 / 14:46
# 4 : ความคิดเห็นที่ 612
ขอบคุณค่าาา
PS.  แฟนชานยอล ชู้แบคฮยอน กิ๊กลู่หาน มีลูกคือ ดีโอ ซูโฮ ไค เทา ซิ่วหมิน แฟนเก่าคือเฉิน และเป็นมือที่สามของคริสและเลย์ อยู่ ฮิฮิ //รองเท้าใคร =_=?
Name : Overdose_EXO < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Overdose_EXO [ IP : 180.180.68.11 ]
ส่งข้อความลับ
วันที่: 3 ตุลาคม 2557 / 14:19
# 3 : ความคิดเห็นที่ 595
ขอบคุณค่า :3
PS.  かっかりしたが、あきらまないてください。嫉妬である
Name : ╰ FRANCINE 、♔ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ╰ FRANCINE 、♔ [ IP : 171.7.229.23 ]
ส่งข้อความลับ
วันที่: 11 สิงหาคม 2557 / 17:36
# 2 : ความคิดเห็นที่ 550
ขอบคุณค่า
PS.  - Just little EXOfans who anti some bad exofans - Fighting for last year of junior hight school - Caution !! Very indy & swag plz be careful
Name : Bumikindy < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Bumikindy [ IP : 171.99.86.238 ]
ส่งข้อความลับ
วันที่: 12 พฤษภาคม 2557 / 05:53
# 1 : ความคิดเห็นที่ 512
ขอบคุณค่ะ :D
PS.  :) #แอดได้ทุกๆชั่วโมง :D ไม่กินฮ่ะ แง่มมมม
Name : ถุงน้ำตาลสีปากกา' < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ถุงน้ำตาลสีปากกา' [ IP : 49.0.97.163 ]
ส่งข้อความลับ
วันที่: 7 เมษายน 2557 / 20:00
หน้าที่ 1
Post your comment : แสดงความคิดเห็น
ส่วนที่ 1: Message ข้อความ

ส่วนที่ 2 : Name ลงชื่อ
  โพสความเห็นด้วย member Login name Password
  โพสความเห็นไม่แสดง member : ชื่อ* email รูปตัวแทน
            พิมพ์เลขที่เห็น

เธซเธ™เธฑเธ‡เธชเธทเธญเนƒเธซเธกเนˆเธ›เธฃเธฐเธˆเธณเน€เธ”เธทเธญเธ™เธžเธคเธฉเธ เธฒเธ„เธก 2561

ข้อตกลง & เงื่อนไขการใช้งาน

  • กรณีที่ผลงานชิ้นนี้เป็นผลงานที่แต่งโดยผู้ลงผลงานเอง ลิขสิทธิ์ของผลงานนี้จะ
    เป็นของผู้ลงผลงานโดยตรง ห้ามมิให้คัดลอก ทำซ้ำ เผยแพร่ ก่อนได้รับอนุญาต
    จากผู้ลงผลงาน

  • กรณีที่ผลงานชิ้นนี้กระทำการคัดลอก ทำซ้ำ มาจากผลงานของบุคคลอื่นๆ ผู้ลง
    ผลงานจะต้องทำการอ้างอิงอย่างเหมาะสม และต้องรับผิดชอบเรื่องการจัดการ
    ลิขสิทธิ์แต่เพียงผู้เดียว

  • ข้อความและรูปภาพที่ปรากฏอยู่ในผลงานที่ท่านเห็นอยู่นี้ เกิดจากการส่งเข้าระบบ
    โดยอัตโนมัติจากบุคคลทั่วไป ซึ่งเด็กดีดอทคอมมิได้มีส่วนร่วมรู้เห็น ตรวจสอบ
    หรือพิสูจน์ข้อเท็จจริงใดๆ ทั้งสิ้น ผู้ใดพบเห็นการลงผลงานละเมิดลิขสิทธิ์ หรือ
    ไม่เหมาะสมโปรดแจ้งผู้ดูแลระบบเพื่อดำเนินการทันที
    Email: contact(at)dek-d.com ( ทุกวัน 24 ชม ) หรือ
    Tel: 0-2860-1142 ( จ-ศ 0900-1800 )

App อ่านนิยายบน iPad iPhone และ Android