นิยาย ห้องเก็บของ ★ Code for Writer > ลำดับตอนที่ #9 : ชี้ Link

ลำดับตอนที่ #9

ลำดับตอนที่ #9 : ชี้ Link | ลิงค์

อัปเดตล่าสุด 23 พ.ค. 57

CODE FOR WRITER [Old Ver.]
wns.ryukz | 1.618 | CODE FOR WRITER | Theme | Banner | Link | PIC
Mouse | Label | Line and Item | Scollbar {Chrome} | Youtube : 3

Add Me Qmsg Writer My ID.

Add Fav Vote

YING | 21years | THAMMASAT | C.Rangsit |Sci-PHY
☆Wns.ryukz (1.618) : Don't touch him, Critical Love, Bad Girl,etc.

CODE
ตัวหนังสือห่าง

CODE
เส้นประบนล่าง

CODE
รูปเล็กๆโผล่มา

CODE
มีเส้นประล่าง

CODE
มีเส้นขีดทับ

CODE
รูปลอย

CODE
มุมปาดสี่มุม

CODE
ชี้ลิงค์แล้วเด้ง

CODE
กรอบมุมปาด

CODE
วิ่งเข้า ออก

CODE
กรอบมน

CODE
กระพริบ

CODE
สีรุ้ง

CODE
เลื่อนขวาทั้งหมด

CODE
เส้นประบน - ล่าง เด้งๆ

คำอธิบาย

a:link {properties;} มันจะแสดงผลกับตัวลิ้งค์ปกติ(ที่เห็นว่าเป็นลิ้งค์ ยังไม่ได้เอาเม้าส์ไปชี้)

a:visited {properties;} มันจะแสดงผลกับตัวลิ้งค์ที่เราเคยเข้าไปแล้ว

a:active {properties;} มันจะแสดงผลกับตัวลิ้งค์ขณะที่เรากำลังเปิดดูลิ้งค์นั้นอยู่

a:hover {properties;} มันจะแสดงผลตอนที่เราลากเมาส์ผ่าน

*ข้อควรระวัง ชื่อแท็กทั้งสี่กับโคลลอน(:) ต้องพิมพ์ติดกันเสมอนะคะห้ามเว้นวรรค เช่น a:hover

ใน properties มี ; คั่นเสมอ

text-decoration:none;
none ไม่มีอะไรเกิดขึ้น
underline ขีดเส้นใต้
overline ขีดเส้นด้านบน
line-through ขีดทับเทกซ์

color:#โค้ดสี ;
background-color:#โค้ดสี ;
background: url(ใส่ลิ้งค์ของรูปภาพ) ;
background-repeat:no-repeat;
background-position:left;

font-weight: bold ;
normal ตัวแบบดั้งเดิมของมัน
bold ตัวหนา
bolder ตัวหนาขึ้นมาอีกนิด
lighter ตัวบาง
inherit ตัวบางเหมือนกัน

letter-spacing: ค่าความห่างของแต่ละอักษรpx ;

border: ใส่ค่าความหนาของเส้นpx ใส่ลักษณะของเส้น #โค้ดสี ;

border-radius: ค่าความโค้งของเส้นขอบpx;

padding: ค่าความห่างระหว่างลิ้งค์กับเส้นขอบpx ;

-webkit-transition: ใส่ค่าความเร็วs ;
-moz-transition: ใส่ค่าความเร็วs ;

CODE
รวมโค้ดคร่าวๆ