ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Gather ★ Codes.

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

    • เนื้อหานิยายตอนนี้เปิดให้อ่าน
    • 478
      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
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

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

    ความคิดเห็น

    ×