Many Code for link

ชี้ลิ้งค์แล้ว Highlight



<style>
a:hover { color:#โค้ดสีตัวอักษรบนไฮไลท์;
text-decoration:none; background:#โค้ดสีที่ไฮไลท์;}
</style>


ชี้ลิงค์แล้วขีดเส้นบนล่าง

<style>

A:focus:hover {border-bottom: 1px ชนิดเส้น #โค้ดสี;border-top: 1px
ชนิดเส้น #โค้ดสี;}

</style>

ชนิดเส้น

dotted จุด

solid เส้น

dashed เส้นประ

Code link for banner

<a href="urlเวบที่เราจะลิ้งค์ไป"><img alt="ข้อความตอนที่เม้าส์ชี้" src="urlรูปที่จะใช้เป็นแบนเนอร์" border=0></a>

เช่น

ต้องการลิงค์ไปที่

http://www.blogger.com/www.animeiai.com

และ url รูปคือ

http://i51.photobucket.com/albums/f398/dusadee/bnstore.gif

ให้ใส่ว่า

<a href="http://www.animeiai.com/"><img alt=" Welcome to animeiai ; ]" src="http://i51.photobucket.com/albums/f398/dusadee/bnstore.gif" border=0></a>


จะได้แบบนี้เลยค๊ะ !!

Code for flash link

<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/1.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/2.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/3.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/4.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/5.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/6.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/7.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/8.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/9.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/10.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/11.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/12.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />


<style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/13.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a><br /><br />



<!--StartFragment--><!--StartFragment--><style type="text/css">A:link { text-decoration: none;}A:hover { background: url(http://i63.photobucket.com/albums/h122/freeglitters/linkhovers/14.gif);}<br /><br /></style><br /><br /><a href="http://www.freeglitters.com"target=_blank>Link Hovers from: FreeGlitters.Com</a>

Code Font link

<font face="ฟอนท์" size="ขนาดตัวอักษร"><a href="ลิ้งค์ที่จะไป">ข้อความ</a></font>



เช่นน



<font face="little_star" size="16"><a href=http://www.cortestravel.com>Welcome to Cortes Travel home</a></font>





จะได้

Welcome to Cortes Travel Home



^^''

Link flash

<SCRIPT language=JavaScript> <br /><br />color=new Array(0xff0000,0x00ff00,0x0000ff,0xffff00,0xff00ff,0x00ffff); <br /><br />linkc=0; <br /><br />function rainbow() <br /><br />{ <br /><br />document.linkColor=color; <br /><br />document.vlinkColor=color; <br /><br />document.alinkColor=color; <br /><br />linkc++; <br /><br />if (linkc==6) {linkc=0} <br /><br />timer=setTimeout("rainbow()",150); <br /><br />} <br /><br />rainbow() <br /><br /></SCRIPT>

ตรง color; ให้เปลี่ยนเป็นโค๊ดสีนะค๊ะ

เช่น

จะใช้สี #FF3366 ก็เติม

linkColor=color;

เป็น

linkColor=#FF3366;

ค่ะ

ชี้ลิงค์กลับด้าน

<meta http-equiv="Content-Language" content="th"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-874"> <STYLE ty<html dir="rtl"> pe=text/css> A:link { color: #63B8FF; text-decoration:none} A:visited {color: #63B8FF; text-decoration: none} A:hover {color: #63B8FF; text-decoration: underline} </STYLE> <STYLE TYPE="TEXT/CSS"><!-- a:link { color: #63B8FF; text-decoration: none} a:visited { color: #63B8FF; text-decoration: none} a:active { color: #63B8FF; text-decoration: none} a:hover { color: #63B8FF; text-decoration: none;FILTER:fliph; HEIGHT:0} //--></STYLE><br /><br />

ลิ้งจางแบบวงกลม

<STYLE> A:LINK IMG{ filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } A:HOVER IMG{ filter: Blur(Add = 0, Direction = 225, Strength = 1) } A:visited IMG{filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) } </STYLE><br /><br />

CodE ชี้ลิ้งเป็นกรอบ

<STYLE type="text/css">
<!--
a:hover {border-width : 3px;border-style :
dotted;border-color : #000000; }--></STYLE>

** สามารถเปลี่ยนสีได้โดยใส่รหัสสีลงไปตรง #000000 **

** ถ้าจะเปลี่ยนรูปแบบกรอบให้ดูตรง dotted **

- none   ไม่มีเส้น
- dotted   จุดๆ
- dashed   เส้นประ
- solid   เส้นเดี่ยว
- double   เส้นคู่