Gather ★ Codes.

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

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 356
    จำนวนคนให้กำลังใจ : 0 ครั้ง
    25 มี.ค. 57



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

เค้าเห็นบางบทความมีไอคอนหน้าลิ้งค์ชิม๊าาา
แบบ....แหล่มเว่อร์ เจ๋งจ๊าบมากมาย 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™

นิยายที่ผู้อ่านนิยมอ่านต่อ

loading
กำลังโหลด...

749 ความคิดเห็น

  1. #733 1eight% (จากตอนที่ 77)
    วันที่ 28 มิถุนายน 2559 / 20:30
    ขอบคุณค่า
    #733
    0
  2. #722 。☆VENUS`* (จากตอนที่ 77)
    วันที่ 10 เมษายน 2559 / 14:46
    ขอบคุณนะคะ :-)
    #722
    0
  3. #612 Overdose_EXO (จากตอนที่ 77)
    วันที่ 3 ตุลาคม 2557 / 14:19
    ขอบคุณค่าาา
    #612
    0
  4. #595 ╰ FRANCINE 、♔ (จากตอนที่ 77)
    วันที่ 11 สิงหาคม 2557 / 17:36
    ขอบคุณค่า :3
    #595
    0
  5. #550 Bumikindy (จากตอนที่ 77)
    วันที่ 12 พฤษภาคม 2557 / 05:53
    ขอบคุณค่า
    #550
    0
  6. #512 ถุงน้ำตาลสีปากกา' (จากตอนที่ 77)
    วันที่ 7 เมษายน 2557 / 20:00
    ขอบคุณค่ะ :D
    #512
    0