|
How do they do that?
Ever wondered how the great
sites have all those clever little features and effects? This is where you can
out.
There are tips for using Microsoft FrontPage
Javascripts, HTML and
more.
This is a great page that I come back to time
and time again when I am looking for that little snippet of code. Please note. This is where
I place useful pieces of code
and tips as I come across them. I do not spend time formatting them to make
the page tidy!
If you have any useful contributions please e mail them
to: webtips@theaffilaitewebsitecompany.com
|
|
|
| Instructions
You can simply
copy and paste the code shown here into the HTML of your own web
page.
But please, always
paste first into a text-only editor first such as notepad. If you
don't do this, when you paste into your website you will also be
pasting MS FrontPage formatting command - which you don't want! |
|
|
|
New
Amazing Sales
Booster pop-up
This new and
hard-to-find code will boost your sales by 50%
It's such a
powerful script that it gates a page all to itself.
Click on the
Sales Booster pop-up link on the Nav Bar to go to that page now. |
|
New
More Amazing pop-ups
More new and
hard-to-find pop-up code to boost your sales.
Delayed pop-ups
and more. this is the stuff they hide from you!
Click on the
Sales Booster pop-up link on the Nav Bar to go to that page now. |
|
Drop-down
Banner
How to make this great
drop-down type banner:
Here is the html code
you need:
<!--webbot
bot="HTMLMarkup" startspan --><form
action="http://www.marketingtips.com/t.cgi/654892"
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>
<!--webbot
bot="HTMLMarkup" endspan -->
|
|
|
Bookmark
A very clever way to get people to bookmark your site!
Color white, size 1, left align
<p align="left"><font face="Arial"
size="2" color="#FFFFFF"><b><span
class="bodygold10">Bookmark this Site Now </span><u>
<span style="cursor: hand" onClick="window.external.AddFavorite(location.href,
document.title);">Click
here</span></u></b></font>
Color navy, size 2, left align
<p align="left"><font face="Arial"
size="2" color="#000080"><b><span
class="bodygold10">Bookmark this Site Now </span><u>
<span style="cursor: hand" onClick="window.external.AddFavorite(location.href,
document.title);">Click
here</span></u></b></font>
Bookmark: No Color No Text Formatting:
|
|
|
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> |
|
|
|
|
|
<!-- 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 --> |
|
|
| A Great JScript site:
http://javascript.internet.com/ |
|
|
| Load a pop-up Window when the site is
loaded
onLoad="NewWin=window.open
('http://www.sitename.com/openpage.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> |
|
|
| 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> |
|
|
JavaScript Code to Redirect Page Based on
Browser
<!-- Script Size: 1.51 KB -->
--------------------------------------------------------------------------------
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:
|
|
|
