ลำดับตอนที่ #77
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #77 : Gather ★ Codes : มาใส่ไอคอนหน้าลิ้งค์บทความกัน จ๊าบๆ!!
ขอกล่าวสวัสดีตอนตีหนึ่งกว่าๆ ก่อนนน
รีบมาแอบอัพ เพราะคุณแม่แบนเล่นเด็กดียาวเลยอ่าจ้ะ
เค้าเห็นบางบทความมีไอคอนหน้าลิ้งค์ชิม๊าาา
แบบ....แหล่มเว่อร์ เจ๋งจ๊าบมากมาย 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;
ตัวเลขที่เน้นสีแดง หมายความว่า ตอนที่
{
background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20px; background-position:left top;
}
padding คือ ระยะห่าง ระหว่างเรา เอ๊ยยย! ระยะห่างระหว่างลิ้งค์กับไอคอนที่เราจะอัพ! ปรับได้ตามใจฉัน
position คือ ตำแหน่ง ว่าจะวางซ้าย หรือ ขวา บน หรือ ล่าง นะจ๊ะ อยู่ที่เราปรับเช่นกัน
...............................
สำหรับคนที่อยากจะแยกประเภทสีไอคอนให้เป็นกลุ่มๆ ไปนั้น ไม่ยากอย่างที่คิด!!
(ปัญหาคือ....เวลาจะแยกกรณีมันอยู่ห่างตอนมาก ก็ควรจดเลขตอนที่แล้วมาจัดประเภทไว้นะ //แบบเรกิหน้าบทความจ้าา)
แล้วจะทำยังไงเวลาแยกล่ะ!?
มาดูต่อจากข้างบน!
...............................
ถ้าอยากแยกๆ สีไอคอนหรือแบ่งเป็นประเภทๆ ไป แนะนำแบบนี้จ้ะ
ใส่ a[href$="chapter=ตอนที่"] แล้วห้ามลืม (,) นะ!! ใส่มันต่อไปเลยยยย! แบบนี้!!
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 20px; background-position:left top;
{
background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20px; background-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 20px; background-position:left top;
{
background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20px; background-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 20px; background-position:left top;
{
background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20px; background-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 20px; background-position:left top;
{
background-image:url('โค้ดรูปสำหรับลิ้งค์หน้าบทความ');
background-repeat:no-repeat; padding:0px 0px 0px 20px; background-position:left top;
}
พอใส่จนครบ ก็มาจบที่ </style> นะจ๊ะ ^^
*ลืมบอกไป พอจะจบตรงก่อนถึงใส่ลิ้งค์ไอคอน ไม่ต้องใส่ (,) แล้วนะ ช่วงหน้า { น่ะจ้ะ
...............................
เข้าใจกันมั้ยอ่าาาา T T กลัวอธิบายแล้วงง ใครงงสงสัยอะไร หลังไมค์ได้น้อออววววว์ ><
กราบขอโทษหากแจกซ้ำนะจ๊ะ เค้าไม่ได้ตั้งใจจริงๆ แต่ไปหาตามร้านแจกโค้ด...ไม่เจออ่ะ =[ ]=!
เลยแคะแงะเองสุดความสารมารถ (3 วันแหนะ) 55555555
พอใส่จนครบ ก็มาจบที่ </style> นะจ๊ะ ^^
*ลืมบอกไป พอจะจบตรงก่อนถึงใส่ลิ้งค์ไอคอน ไม่ต้องใส่ (,) แล้วนะ ช่วงหน้า { น่ะจ้ะ
...............................
เข้าใจกันมั้ยอ่าาาา T T กลัวอธิบายแล้วงง ใครงงสงสัยอะไร หลังไมค์ได้น้อออววววว์ ><
กราบขอโทษหากแจกซ้ำนะจ๊ะ เค้าไม่ได้ตั้งใจจริงๆ แต่ไปหาตามร้านแจกโค้ด...ไม่เจออ่ะ =[ ]=!
เลยแคะแงะเองสุดความสารมารถ (3 วันแหนะ) 55555555
เก็บเข้าคอลเล็กชัน
ความคิดเห็น