If you like these tips, you'll love the free, opt-in, monthly publication, The
Office Newsletter. View a recent issue and subscribe here.
Put a Description of a Link in the
Browser's Status Bar
To produce a message in the status bar when the mouse hovers over a link, alter
the code... If the link originally looked like this: <a
href="aboutus.htm">, change it to something like this:
<A href="aboutus.htm"
OnMouseOver="self.status='Contact Info for Our Team'; return true"
onmouseout="self.status=''; return true"></A>
|
Redirect
Insert this meta tag in the head
<META HTTP-EQUIV="Refresh"
CONTENT="5; URL=http://www.url.com">
Where 5=the number of seconds to delay the redirect, and
http://www.othersite.com = where you want the visitor to go. You can also
use relative addresses, e.g.:
<META HTTP-EQUIV="Refresh"
CONTENT="5; URL=aboutus.htm"> |
Use an Image for a Submit Button on a
Form in FrontPage
Select the Submit button and press [Delete].
Make sure the cursor is where the Submit button used to be and insert a
picture.
For an image reset button, just insert an image and hyperlink it to the page
you are already on. This will refresh the page and reset the form. |
To Edit the HTML of Shared Borders in FrontPage:
Tools>Web Settings, Advanced tab
Check the Show documents in hidden directories box and say OK.
If you used shared borders in your Web, you'll see a new directory called
_borders in the folder list. The shared folder files are in this directory. |
Force Browsers to Refresh the Page
Make browsers load the page from the server instead of the local cache. Put
this in the head:
<META HTTP-EQUIV="pragma"
CONTENT="no-cache">
or, if you want to specify a time after which the browser should refresh, use
this instead:
<META HTTP-EQUIV="expires"
CONTENT="Tue, 3 Jun 2002 23:59:00 GMT"> |
Favicons
A favicon is that tiny icon you see next to a Web address in your Favorites and
next to the address in the address bar after you have added that site to your
favorites. To add a favicon to your site, create a 16x16 pixel, 16-color
graphic, name it favicon.ico, and save it to the root directory of your
website.You can download a icon creation program,
IconEdit32 to make a favicon, or you can create a favicon at
Favicon.co.uk
, and it'll be emailed to you - nothing to download. If you have a
graphics program that will support it, you can shrink an existing graphic to
16x16, reduce the colors to 16, and save it as a .ico, specifically
favicon.ico. Or, you can search the Web for free favicons. |
Don't Want Your Links Underlined?
Put this in the head to make all text links lose the underline:
<STYLE TYPE="text/css">
<!--
a {text-decoration: none;}
-->
</STYLE>
or to stop some, but not all of your links from being underlined, skip the
style in the head and use an inline style instead, like this:
<A href="aboutus.htm"
style="text-decoration:none">About Us</A> |
Guard Your Graphics
(To see this one in action, try to save the graphic at the bottom of this
page.)
To prevent most people from saving your graphics to their machine... put
in the head:
<SCRIPT language="JavaScript">
<!--
var sorry="That function is not available."
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(sorry);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(sorry);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</SCRIPT>
Where That function is not available = whatever message you would like
visitors to get when they
right-click. Note: This isn't absolute protection; some people will
know how to get your pics anyway. |
Allow Your Visitors to Break Free
From Frames
Provide a link going to the same page they are on with TARGET="_top"
Something like this:
<A href="http://www.mydomain.com"
TARGET="_top">Trapped in frames? Escape!</A>
Don't use capitals for "_top" (some browsers will interpret it
incorrectly if it's in capital letters).
Alternatively, if you'd rather visitors just automatically popped out of frames
upon entering your site, skip the above link; instead alter the <Body>
tag like this:
<Body onLoad="if (self != top) top.location
= self.location"> |
Allow a Visitor to Download a File
Produce a link to the file... something like this:
<A
href="http://mydomain.com/coolfile.zip">Download
CoolFile.zip</A>
You should instruct the visitor to R-click on the link and choose either Save
Target As or Save Link As (depending on their browser). |
Change the Scrollbar Colors
Alter the colors to suit you and place this in the head:
<style type="text/css">
body {
scrollbar-arrow-color: #D5AA00;
scrollbar-base-color: #B50000;
scrollbar-dark-shadow-color: #B50000;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #B50000;
scrollbar-highlight-color: #B50000;
scrollbar-3d-light-color: #FFFFFF;
}
</style> |
Different Messages Depending on the Time of Day
Here's a javascript:
<Script Language="JavaScript">
var now = new Date()
var h = now.getHours()
if (h < 12)
document.write("Good morning!")
else if (h < 17)
document.write("Good afternoon!")
else
document.write("Good evening!")
</Script> |
A Close Window Button
<FORM>
<INPUT TYPE='BUTTON' VALUE='Close Window' onClick='window.close()'>
</FORM> |
Put a Message in the Status Bar
Alter your body tag like this:
<BODY OnLoad="window.defaultStatus='Have a
Great Day!';">
Where Have a Great Day! = Whatever you want to say. |