Basic Link
<![CDATA[<a href=URL OF WEBSITE> TEXT HERE</a>]]>
Html tutorials
Email Link
<![CDATA[<a href="mailto:NAME@EMAIL.com"> TEXT HERE</a>]]>
Email me
Email with Subjects
<![CDATA[<a href="mailto:NAME@EMAIL.com?subject=blah"> TEXT HERE</a>]]>
Email me with subject
Link with Toolbar Text
<![CDATA[<a href="URL" "OnMouseOver="window.status='TEXT'; return true;"> LINK TEXT</a>]]>
HTML Tutorials
Mouseover Link
<![CDATA[<a href=" "onmouseover="parent.location='URL'"> TEXT HERE</a>]]>
HTML Tutorials
Mouseover Link: BG
<![CDATA[
<a href=""
onMouseOver="var bg = prompt('TEXT');
document.bgColor=bg">
TEXT HERE</a>]]>
Change the background
Mouseover link: popup
<![CDATA[
<a href="" onMouseover="alert('TEXT')">
TEXT</a>
]]>
Click here
Re-direction Link
<![CDATA[<META HTTP-EQUIV="Refresh" CONTENT="6; URL=URL HERE">]]>
When you go to the site, it automatically
waits a few seconds then goes to the next site
Drop-down Link List
<![CDATA[
<form><select name=select size="1"
style="background-color:COLORHERE;
font size:#pt; font-family:FONTHERE;
color:COLORHERE"]]><![CDATA[onchange="location.href=
(form.select.options[form.select.selectedIndex].value)">]]><![CDATA[
<option value="URL">page link</option>
<option value="URL">page link</option>
<option value="URL">page link</option>
</select></form>]]>
Drop-down list (Target)
<![CDATA[
<script language="javascript">
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0")
{
window.open(form.menu.options[myindex].value,
target="TARGET NAME GOES HERE");
}}//--></script>
<form name="">
<select name="menu"
style="background-color:COLORHERE;
font size:#pt; font-family:FONTHERE;
color:COLORHERE" size="1"
onchange="jump(this.form)">
<option value="URL HERE">TEXT</option>
<option value="URL HERE">TEXT</option>
<option value="URL HERE">TEXT</option>
<option value="URL HERE">TEXT</option>
</select></form>]]>
Using CSS to change link styles
(A:Link) when it's normal
(A:Visited) once you visited it
(A:Active) when you click on it
(A:Hover) When you place your mouse over it
The following is the main code. Put it ONCE on your page, and it changes ALL your links. Whatever interesting style code you want to do, put that particular code where it says "text-decoration:none"
<![CDATA[
<STYLE type="text/css"><!--
A:link{color:COLOR;text-decoration:none}
A:visited{color:COLOR;text-decoration:none}
A:active{color:COLOR;text-decoration:none}
A:hover{color:COLOR;text-decoration:none}
--></STYLE>
]]>
Text Decorations for links (replace text-decoration:none)
text-decoration:underline - underlined
text-decoration:underline overline - underline & overline
background-color:COLORHERE - background color
text-decoration:line-through - slashed out
cursor:crosshair - cross cursor
cursor:n-resize - cursor points up
cursor:s-resize - cursor points down
cursor:w-resize - cursor points left
cursor:e-resize - cursor points right
cursor:wait - hourglass cursor
font-weight:bold - bold font
font-weight:italic - italics text
font-size:#pt - sized text
Anchor Links
<![CDATA[<a href="#NAME">Link</a>]]>
Links to that target location from elsewhere in the document
|
