Home | Contact | About Us

Handy Tips to build your site, and get more traffic     
Up
Link Magic
Ads/Affiliate Tracking
CGI Tracking
Handy Tips to build your site, and get more traffic

Internet Contents

FrontPage Tips

 - Tips for using Microsoft FrontPage and more. Javascripts, HTML etc

Please note. This is where we place useful pieces of code and tips as we come across them. We do not spend time formatting them to make the page tidy!

If you have any useful contributions please e mail them to: webtips@theaffiliatewebsitecompany.com

How to make this great drop-down type banner:

 

 

Show me how to promote my website with:

Here is the html code you need:

 

<form action="http://www.marketingtips.com/t.cgi/44554" method="GET">

<table width="430" border="0">

<tr>

<td valign="center"><font face="Arial" size="-1">Show me <b>how to promote my website</b> with:</font></td>

<td valign="center">

<select>

<option>Choose Selection</option>

<option>Effective websites and design</option>

<option>Search engines</option>

<option>Newsletters</option>

<option>Newsgroups</option>

<option>Online service (ie: AOL)</option>

<option>Online classified ads</option>

<option>Discussion lists</option>

<option>Responsible bulk email</option>

<option>Autoresponders</option>

<option>Bulletin boards</option>

<option>Electronic malls</option>

<option>Killer sales copy</option>

<option>Banner ads (tips and tricks)</option>

</select></td>

<td valign="center"><input type="submit" value=" Go "></td>

</tr>

</table>

</form>

 

 

This shows how easy it is to make your own customized banner:

Show me how to make money
online with:

Bookmark

A very clever way to get people to bookmark your site!

Colour white, size 1, left align

<p align="left"><font face="Arial" size="2" color="#FFFFFF"><b><span class="bodygold10">Bookmark&nbsp;this&nbsp;Site&nbsp;Now&nbsp;</span><u><span style="cursor: hand" onClick="window.external.AddFavorite(location.href, document.title);">Click here</span></u></b></font>



Colour navy, size 2, left alaign

<p align="left"><font face="Arial" size="2" color="#000080"><b><span class="bodygold10">Bookmark&nbsp;this&nbsp;Site&nbsp;Now&nbsp;</span><u><span style="cursor: hand" onClick="window.external.AddFavorite(location.href, document.title);">Click here</span></u></b></font>

re-direct to another site on entering this one

<head>
<title> My Page </title>
<meta http-equiv="refresh" content="2; url=http://www.whatever.com">
</head>

http://javascript.internet.com


<!-- ONE STEP TO INSTALL DIRECTIONAL BUTTONS:

1. Paste the coding into the BODY of your HTML document -->

<!-- STEP ONE: Copy this code into the BODY of your HTML document -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com --> 

<CENTER>
<FORM>
<INPUT TYPE="button" VALUE=" BACK " onClick="history.go(-1)">
<INPUT TYPE="button" VALUE="FORWARD" onCLick="history.go(1)">
</FORM>
</CENTER>

<FORM>
<INPUT TYPE="button" VALUE=" BACK " onClick="history.go(-1)">
</FORM>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size: 0.53 KB -->


onLoad="NewWin=window.open('http://www.fast-track2000.com/softmart/joinnewsletter1.htm','NewWin','width=750,height=300');"


FP 2000: CREATE HYPERLINKS WITHOUT UNDERLINES Have you ever wondered how to create a non-underlined hyperlink in FrontPage 2000? There is a simple way to do it:

1. Highlight the hyperlink in the Normal view 

2. Switch to the HTML view, and locate the <a href .....> tag to the left of the word or words you've selected. 

3. Place the following between the "a" and the "href": style="text-decoration: none".
For example, a link to the FrontPage Web site would appear in HTML View as: <a style="text-decoration: none" href="http://www.microsoft.com/frontpage">


Q. How do I remove the underlines from my hyperlinks? 

A.

Switch to HTML View.

in the <head> section of your code, put: 
<style>
<!--
a{text-decoration:none}
//-->
</style>


Script 5: DHTML Text MouseOver Color Effects
How to create Text MouseOver Color Effects using two different methods, Embedded Style Sheet and Inline Style Tags.

Instructions for Modifying the downloaded Code 
Method 1: Set Attributes for ALL Hyperlinks on a Page (Embedded Style Sheet)

This goes into the <head></head> section of the page right above the </head> tag. 
<style>
<!--a{text-decoration:none}
a:hover { color: rgb(0,0,255) }
//-->
</style>

text-decoration:none = no underline for the hyperlink.
color: rgb(0,0,0) = insert your RGB color values 

--------------------------------------------------------------------------------

Method 2: Set Attributes for Individual Text items and/or Hyperlinks on a Page (Inline Style Tags)

This goes into the <body> </body> section of the page. 
<font face="Verdana,Arial,Helvetica" size="2" color="[color1]" onmouseover="this.style.color='[color2]'" onmouseout="this.style.color='[color3]'"> 
Variables [] to be Replaced in the Script 
[color1] = color of the text before a MouseOver
[color2] = color the text should change to when the mouse is over
[color3] = color the text should be set to after mouse leaves 
Options 
Can be used with Method No. 1. 
Browsers Tested In 
IE3.02, IE4.01 Sp1, IE5 beta Not Supported in NS Browsers 
Notes 
Not Supported in NS Browsers 

--------------------------------------------------------------------------------

<!-- TWO STEPS TO INSTALL LINK DESCRIPTION:

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Danny Mc Neill (danny@mc-neill.co.uk) -->
<!-- Web Site: http://www.mc-neill.co.uk -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var description = new Array();
description[0] = "Text shown when visitors mouse over the first link.";
description[1] = "You can even embed <b>HTML</b> into the link description.";
description[2] = "<i>Text shown when visitors mouse over the third link.</i>";
// End -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<center>
<table border="0">
<tr>
<td valign=top width="160">
<ul>
<li><a onMouseOver="Words.innerHTML = description[0];" href="link1.htm">First Link</a>
<li><a onMouseOver="Words.innerHTML = description[1];" href="link2.htm">Second Link</a>
<li><a onMouseOver="Words.innerHTML = description[2];" href="link3.htm">Third Link</a>
</ul>
</td>
<td width="600">
<!-- Cell with the descriptions --> 
<a id="Words">This will be the info that visiters will see first it is changed when they mouseover the links. It returns when the page is reloaded.</a> 
</td>
</tr>
</table>
</center>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size: 1.51 KB -->

FP98: Sample JavaScript Code to Redirect Page Based on Browser 

--------------------------------------------------------------------------------
The information in this article applies to:

Microsoft FrontPage 98 for Windows

--------------------------------------------------------------------------------

SUMMARY
This article provides sample JavaScript that redirects a Web browser to a specific page based on which browser you are using. 

MORE INFORMATION
NOTE: The following JavaScript has been tested in Microsoft Internet Explorer versions 3.0 and 4.0 and Netscape Navigator versions 3.0 and 4.0. 

To redirect the browser using a script, follow these steps: 

Start FrontPage Editor and open the HTML page you want to edit. 

On the Insert menu, point to Advanced and then click Script. 

In the Language section, click JavaScript. 

In the Script box, type the following script: 
var version = navigator.appVersion; 
// sets variable = browser version
if (version.indexOf("MSIE") != -1)
// checks to see if using IE
{
window.location.href="ie.htm"
/* If using IE, it shows this page
replace ie.htm with page name */ 
}else
window.open("other.htm", target="_self")
/* else open other page
replace other.html with page name */ 


<SCRIPT LANGUAGE="JavaScript">
var version = navigator.appVersion; 
if (version.indexOf("MSIE") != -1)
{
window.location.href="pay2seeorders2msie5.htm, target="_self"
}else
window.open("pay2seeorders2nav.htm", target="_self")
</script>


Click OK. 

On the File menu, click Save. 

Open the page in a Web browser that supports client-side scripting. 

REFERENCES
For more information about JavaScript, please see the following Microsoft World Wide Web site: 

http://www.microsoft.com/scripting/jscript/default.htm


How to disable the right-click button (and stop people stealing your graphics/copy)

 

<head>  place between  </head>

 

<!-- Start of no right click script -->
<SCRIPT language=JavaScript>
<!--
// No rightclick script.
// Find more great scripts and applets at the JavaFile!
// http://www.javafile.com
// Do not delete this header!
var message="Sorry, we don't allow that on this site!."; // Put your message for the alert box between the quotes.
// Don't edit below!
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</SCRIPT>
<!-- End of no right click script -->

 

If you'd like to get away from gray form buttons, you may replace it with an image.

Click on the form button, then go to the HTML. The code should be highlighted and look something like this:

<INPUT TYPE="button" VALUE="Button">

Replace 

TYPE="button"  

with 

TYPE="image"

and also add (without line break)

SRC="images/myimage.gif" BORDER="0"

So you get this:

 

Top | Home | Contact