Different Ways How A Link Could Look Like
You guys have a webaddress which you want to put somewhere to your forum?
You have an URL, something like this:
http://www.network54.com/Hide/Index/1000,
and want to make it appearing as link or a 'pretty' link?
Write in your forum's source code these Html-tags:
<a href="http://www.network54.com/Hide/Index/10000">NAME of LINK</a>
and it will turn into this: NAME of LINK
• You want to open the link into a new window?
Add a target="_blank".
<a href="http://www.network54.com/Hide/Index/10000" target="_blank">NAME of LINK</a>
With a little CSS you can design these 'normal' links in sooo many ways. For example look at the navi-links on this site. You can give links a background and/or a changing color whith a mouseOver effect. Adding borders will let them look like buttons etc... Just as you like.
Try out the Links. Use your browser Back button to come here again.
• A Picture As Link »
<a href="http://www.network54.com/Hide/Index/10000"><img src="http://www.network54.com/Realm/Rat_Smilies/xshow.gif" alt="Netw54 Support Forum Index" border=0></a>
• A Button As Link
<button type="button" onclick="location.href='http://www.network54.com/'">www.Network54.com</button>
• Button With Picture
<button type="button" onclick="location.href='http://www.network54.com/'"><img src="http://www.network54.com/Realm/Rat_Smilies/xshow.gif" alt="Admin Forum Index" /> Network54.com</button>
• Java-Script Button
» Note: You cannot see in the browser's status whereto that link goes.You cannot open to a new window via context menu (right mouse click).
If your visitor has disabled JavaScript on their browser the link would be useless.
<script language="JavaScript" typ="text/javascript">
<!--
function go(link) {
window.location.href = link;
}
// -->
</script>
<input type="image" src="http://www.network54.com/Rea
lm/n54_files/icon_arrow.gif" height="25" width="40" onclick="go('http://w
ww.network54.com/Hide/Index/10000')" title="Click" />
• Input Type Radio Links
www.Network54.com<input type="radio" name="link" onclick="location.href='http://www.network54.com/'"> www.Network54.com
• Links In A DropDown Menu
<script language="javascript" type="text/javascript">
<!--
function jump(form)
{
var myindex = form.select.selectedIndex
window.open(form.select.options[myindex].value);
}
-->
</script>
<form action="">
<select name="select" onchange="jump(this.form)">
<option selected="selected">Will Open In A New Window</option>
<option value="http://www.network54.com/">www.Network54.com</option>
<option value="http://www.network54.com/Login">www.network54.com/Login</option>
</select> </form> • Hand-Made Links
From Mr. Pip's Scripts Page:<form onSubmit="window.open(this.url.value); return false"> Address <input type=text name=url size=40 value="http://" onfocus="this.select()"> <input type=submit value=" Go "> </form>
• Links In A Table
for the Table-script• Links In A Table With Background-Graphic
| www.network54.com | www.network54.com | www.network54.com/ |
Top