Please read this if you are new to HTML
Make a backup copy of any page first if you are new or unsure about page
editing. USE ONLY NOTEPAD OR ANOTHER HTML EDITOR to EDIT WITH. DO
NOT USE WORDPAD
OR MS WORKS to edit HTML.
Follow the instructions on the part of the page you wish to use HTML code from.
To copy and paste directly from this page, left click mouse and pull over text
you wish to select, (it usually works best from end of text to start of text
for me) then right click mouse select copy. Then paste into new NOTEPAD
window. Edit
text there as required (insert correct file names, sizes, or other
information), then save and give it a file name. Then using your favorite
HTML editor, copy and
paste edited text into the HTML as or where required. ( Such as File Managers
on Webhost sites,
Notepad, or others such as Arachnophilia. ( see link on Helps and
Links Page ) There are also
basic HTML courses and information on the Helps and Links page also.
All code has worked well for
Internet Explorer 4.5 threw 6.0 and Netscape 4.x versions as far as I know as
well as Opera 5.x
with SUN JAVA. On lower resolution monitor settings watch out for extra spaces
in the code. It should be ok on 800x600 and depending on the browser settings
you are using.
This link closes this browser window
( as shown below )
-
Do You wish To debug ? Fix..
This has been a hassle on Geocities and some other servers pages for those who
have a Programing tool installed. On those who do not have the tool installed
it means an Error Icon on the bottom of the browser screen. If you have been
around like me tring to figure out where this error is or not to fix it, here
is a solution. It is a JAVA script that you add to the header that blocks the
error from being shown. Simple and small text file ( script to copy and paste
) from Codebrain. You may also wish to check to be sure Error Debugging is off
on the browser advanced properties. (on IE Tool, Internet Options, Advanced
put check in disable script debugging )
error_code_fix.txt
-
Putting an image in background
<body background="backgnd986.gif" text="#ffffff" link="#fda2e3"
vlink="#fd744d" alink="#ffff00">
<body bgcolor="#c0c0c0" text="#000000" link="#0000ff" vlink="#800080"
alink="#ff0000">
|
These are actual Body tags from a pages on this site. The only real change to
add a background image ( top ) to the body tag compared to the color
background ( bottom ) is a minor one. The bgcolor is replaced with background
and the hex code is replaced with the file name. This background image files
are freely available at many sites, or you can make them. Be aware however
that you should try to not get too many colors in a background image. One that
looks great without text can easily have text fade into it so it is nearly
impossible to read. One other suggest you should keep in mind is you can put a
huge 1600x1200 GIF file for am image on a page but most will loose interest
waiting for it to show up. In most cases like this the background will be
white and your text is often not readable until the image downloads. So it is
best to use smaller images that blend well at the top and bottom and sides or
they are thin line that gets repeated down the page so as to avoid long delays
in downloading an image.
For those who wish to use a fixed image in the hackground as opposed to
allowing the image to scroll with text there is a command that can be added to
the body tag... It is :
bgproperties="fixed"
and if used it will fix the background image and only the text will move with
the scroll bar.
-
Flash embed code
<EMBED SRC="titlehere.swf" swLiveConnect=FALSE width=480 height=360
QUALITY=autohigh
BGCOLOR=#000000 TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash">
</embed>
|
COPY CODE DIRECTLY FROM THIS PAGE.
Where it says titlehere.swf is where you place your SWF file title name.
Width and height are the width and height you desire them to appear in pixels.
BGCOLOR is the background color on the flash screen. It is my understanding
that if plug in is not present, it will download with this code.
COPY and PASTE this code into NOTEPAD or your HTML then edit as required.
FlashStuff Page
on my Tripod Site for some Flash Screen downloads.
-
Music Player Code
<embed src="SONG_TITLE.EXT" width=100 height=40 autostart=false
loop=true>
</embed>
<noembed>
<bgsound src="SONG_TITLE.EXT" loop=1>
</noembed>
|
COPY AND PASTE CODE DIRECTLY FROM THIS PAGE TO NOTEPAD.
SONG_TITLE.EXT is where the title of the desired media is to be entered.
Width and Height are size in pixels the player control is to show up on screen.
Autostart can be either true for the media to play without start up by user, or
false requires user start player manually. Both download the media file
however.
Loop true or false if the play is to be looped or played again. You can also
enter a
number for number of plays before stopping.
-
No Right Click Script
No Right Click.TXT
( opens in new browser Window - file on this site )
This SCRIPT may not appear in the browser Window since it is JAVA and does not
display normally. Click on the above link which will open a new browser window
that will contain the JAVA code in a TEXT file. (even this will often not
display fully on
some browsers.) You may have to
select VIEW and then SOURCE on your browser to
save the script. (Save as a TEXT file and edit with NOTEPAD for best results).
Then copy and paste into Webpage
HTML as suggested in text included on script page.
This JAVA script should disable the use of the right click on a mouse.
The UPPER CASE where it says YOURNAME HERE is where you add your name.
The UPPER CASE where it says YOUREMAIL@WHEREEVER.COM is where you can add your
email address.
Avoid changing any line lengths or other items or script may show as an error
on a browser. Preview after you
edit the script with your browser to see if it functions correctly before
uploading to your webpage.
This script has worked fine for
Internet Explorer 4.5 threw 6.0 and Netscape 4.x and Opera 5.x ....
-
Closing browser Windows Script
Copy and paste the script in as needed directly from this page.
|
<a href="javascript: window.close()">Close This Browser
Window</a>
|
-
Return to last page Script
Copy and paste the script in as needed directly from this page.
|
<a href="javascript: history.back(-1)">back to last page</a>
|
-
Hover Style entry
Makes text color change when mouse passes over it link on this page. You can
change the color - even use hexcode without quote marks also.
<style>
A:hover {color:yellow}
</style>
|
-
ScrollBar color Changes
Works with IE browser only! Change color of scrollbars as on this page. You
can change the using hexcodes as needed.
<style type="text/css">
body {
scrollbar-arrow-color: #ff80ff;
scrollbar-base-color: #ffffff;
scrollbar-dark-shadow-color: #000000;
scrollbar-track-color: #3c027c;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #8A2BE2;
scrollbar-highlight-color: #000000;
scrollbar-3d-light-color: #A020F0;
}
</style>
|
-
How to do Frames page
This is a link to a site done by someone I know that has a bit of a tutorial on
how to make a site with frames.
It is perhaps as good or better than I would write so I have just linked to
this page.
How To Create Frames Page
( opens in new browser window - file on another site )
-
Netscape correction script
This script is to correct a fault found in some 4.x versions of Netscape.
It is a JAVA script and is on a TEXT page which you will need to save in that
format and then copy and paste as needed.
Netscape.txt
( opens in new browser window - file on this site. )
-
Script to put time and date on page.
This script is a small one that just puts the date and time on the page. You
can see an example of it on many of the pages on this site. You can of
course add in font tags and so on as desired.
<SCRIPT>
document.write(Date()+".")
</SCRIPT>
|
Copy the above to your clipboard or to Notepad and add where desired on page
body.
-
Alert Pop up onload
This is really more of a tag fragment. This part of the code is to be added
to the BODY tag closer to the start of the HTML document. Copy it to the
end of the line. Edit the tag to reflect to what you wish it to say.
|
<body background="backgnd.gif" text="#ffffff" link="#000000"
vlink="#000000" alink="#00ff80" onload="alert('.... THIS IS WHERE YOU PUT YOUR
MESSAGE TEXT.....')">
|
Copy and then edit the text above as required. You really should only use the
onload until the end of the line.
The other part of the line contains your text and background color choices.
Using it without changes would alter your page appearance.
-
Bookmark-Favorites script
The link below should open a TEXT page that will have a JAVA script when edited
will give you a bookmakr-favorites script. It includes basic instructions for
editing the script on that text page. Works with Internet Explorer and
Netscape just fine. Simple to edit with Notepad or other TEXT editor.
bookmark_favorites_script.txt
1.84 kb
( if text page does not display in with your browser, select view then source
and save the text that way some browsers still see the tags even when the page
is text )
-
Advance to the Next Page
( redirect - like at the start at this site )
|
<meta http-equiv="refresh" content="35;
URL=http://geocities.com/easy_2_confuse_gt/index1.html" />
|
In the above example you will see the number 35 which is the number of seconds
before the the refresh of the page is done.
The next item is the URL which should be the complete URL to the page you wish
to refresh. This can be done to the same page or a different page each time.
( you could move someone thru a series of pages if you wished this way ) One
thing to keep in mind however, not all Host site support the use of the Refresh
tag. If you have checked it on your own system before you upload, and it works
for you,
but does not work once you move the page to the site, chances are your Host
site does not allow the redirection of pages. Of the hosts I have tried about
35% do not allow
a redirect or refresh like this. Finally, no the line is not missing any " .
It will not work if you add any additional quotes.
Directions for inserting this into your page. Copy and paste the above line
into notepad, edited as required, then copy and paste into page, and then test.
It is inserted in the header ( between the <head> and </head>
tags ) near the top of the page. Edit the URL and number of second until the
page is refreshed as desired. ( if you do not edit the URL you will be sending
everyone to my webpage )
-
Status text on Mouseover
|
<A HREF="jmouse1.html" target="_blank" onMouseover="window.status='Look
Here! This is an example!!! ' ;return true" onMouseout="window.status=' ';
return true"><font face="verdana, arial" size="2"><A
HREF="jmouse.html" onMouseover="window.status='PUT TEXT YOU WISH TO SHOW UP ON
MOUSEOVER ON STATUS BAR HERE. ' ;return true" onMouseout="window.status=' ';
return true"> PUT IMAGE OR TEXT HERE</a></font></a>
|
I am going to say before you attempt it, this one can be a problem. If a
space gets inserted in the command section of the line, it is very likely to
show up as a script errror and not work. I do not use these scripts often for
that reason as the editor I use does that on clean ups of the HTML at times,
and it is a problem if it is not noticed before it is uploaded. As far as use
of the script, copy and paste directly from the page to notepad, edit the spot
to put your own text in, place an image or text where it says and when the
mouse passes over that area it will put the text on the status bar of the
browser. You may need to add a font color tag depending on if you wish to hide
the fact the text will be an active link. The other thing to keep in mind is
if someone left clicks on the text or image used, they will be sent to a page
called jmouse.html. If you wish to avoid them getting page not found from your
host, make a simple page up that is titled jmouse.html and give them a link
back to the page they were at. Oh, look browser status line and the text above
should have the effect.
-
Simple Button Mouseover
|
<a href="DESTINATIONPAGE.html"
onmouseover="BUTTONONMOUSER.src='BUTTONONMOUSEOVER.jpg'"
onmouseout="BUTTONOFFMOUSEOVER.src='BUTTONOFFMOUSEOVER.jpg'">
<img src="BUTTONOFFMOUSEOVER.jpg" alt=""
border="0" width="300" height="200" name="buttonoffmouseover" id="buttonoff"
/>
</a>
|
<--- Example
These also can be tricky and problematic scripts to keep working with editors.
Since these are not preloaded image files it is vital you keep the image size
small or to put it as one book I read said, "the geewiz factor" when it takes
10 or 15 seconds for the button to light up or other effect to happen is pretty
well lost. If you want to know if this is the script I use on the pages here,
the answer is no. I use a preload script that is far more code than this
button is. They are also more of a problem to set up and, often means a
problem when changes are made to the page.
-
Status Bar Ticker
Status Bar Ticker
is a text file since it is a JAVA script. Click on the link and it will open
a text page which you can copy and paste into your HTML or save to your disk
with Notepad. Edit the area indicated to change the text on the ticker.
NOTE: if you get a blank browser window and see the ticker going, right click
and use source content for ticker code.
-
Embedding fonts
I am not going to try to go over the details of how to do this. I am just
going to point you in the direction to figure it out.
The problem posed by new page builders is how do I use a font I have so
everyone can see it? Well there is actually two ways to do it, but neigher is
ideal. The plain fact is, if you wish to put a few words on a page in a given
font, it is best to make them into a GIF image and put them on that way using a
program like PaintShopPro to make them. However if you wish to try to embed
fonts there are two different ways to do this. One is the Microsoft Font
Embedding tool. The problem is, the tool really only supports fonts most
people have already in Windows 98 and up. So it is not really all that worth
downloading the 10mega bytes of program to gear up to put embedding in place
for common fonts like verdana, arial. The next way to do it is to use the
tools by
www.bitstream.com
. The shareware/demo version of the tool lasts something like 10 days, and
allows you do make 10 embedded fonts for free. The plug in /download is about
250k and if you add it to your site it can be included in the page download.
( however it may produce a warning on some security settings on a browser ) The
process bitstream uses is really nothing more than they make an image file of
the font you choise and it is then uploaded to the webpage, and it used that
image file to produce the characters used in the text on your page that call
for that font.
I did say that neigher choice was ideal. There are the options. There is
really one more, but it is questionable legally if the font is not public
domain already and that is the upload the font in a zip file and allow those
who would wish to download it, and install it do so. If you are lucky enough
to be on a server that allows EXE uploads, perhaps you can even use self
extracting zip files with the path in place for the font to be installed in the
font folder. Personally speaking I would not download a font this way myself
but some will.
Type in keywords and descripting of content of your site, copy and paste META
tag into page header of starting page ( index.html )
Add this Generator to your site
Do not use HTML SOURCE on
this
page for HTML CODE! It has been altered to display in
HTML format on this page for you to copy and paste directly to a text editor.
SAVE AS TEXT FILE!
Do not save in any other format or you may have errors. Do NOT
USE MS WORD, MS WORKS,
OR WORDPAD formats for HTML / JAVA pages.
|