How to use this page.
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. Then using your favorite HTML
editor, copy & paste edited text into the HTML as or where
required. ( Such as File Managers on Webhost sites, Notepad, or
others such as Arachnophilia 4.0. (
see www.nhyrvana.com's HTML EDITOR page Page
) There are also basic HTML courses & information on
my Links page also. All code has worked well for Internet Explorer 4.x threw
6.x & Netscape 4.x thru 6.x versions as far as I know as well as
Opera 5.x with SUN JAVA with the exception of stylesheet codes such as the colored scrollbars.
On lower resolution monitor settings watch
out for extra spaces in the code due to line feeds to display the text on this page. It should be ok on most 800x600 and
higher resolutions depending on the browser font settings you are using.
In most cases you need only click on the button near the box for the code you wish to select, then using the Control-C or right click and select Copy on your mouse menu, copy the select code to your clipboard. Then move to the place where you wish to edit or place the code such as Notepad and again right click your mouse and select Paste.
I have recently moved most scripts that I formerly had on this page to a new
page of all script. If you are looking for Javascripts for your webpage you
may wish to
here.
For help with determining Hexcode Values, see this chart
-
Putting an image in background
Above are two Body tags for use as examples.
You may wish to replace colors (hex codes) for the ones in use in the examples.
For those wishing to use a background tile image replace the IMAGENAME.GIF in
the BodyTagOne example with the actual file name of the tile you plan on using.
To copy the code click the button for the code segment you wish to use and
then hold the Control-C or right click your mouse and select the COPY command.
The move the code you just copied to the location where you wish to place it
and and right click the mouse and select Paste.
Background image files are freely available at many sites, or you can make
them. You may try
one or more of the links you will find here.
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
Click the Flash Embed Button above, then COPY using the Control-C command or
right click your mouse and select copy. This is the basic code used for
embedding Flash and includes a link to download plug in.
In some cases host sites may require use of the Object tag but to
do so you would need to also use a generator to make
the code or know how to find the registry key for the object.
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.
-
Music Player Code
Copy the above code by first clicking the Music Embed button, then either using
Control-C or right click your mouse and select Copy. Then paste where desired
by right clicking mouse and selecting Paste.
( ideally 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. Should work with most
browsers.
In newer XML standards the Object tag is recommended but you will
likely
need a registry key for the file you link to in order to make use
of it.
Want to play the same song over the entire site?
Consider placing the media playback in a small popup window
that will remain open as they move about. This seems to
work pretty well for most people.
-
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. IE 5.x and 6.x Netscape 6.x
only.
|
Copy by clicking HoverStyle button then using Control-C or right click mouse
and select Copy. Then paste into location desired by right click ing mouse and
selecting Paste. Hexcode Chart.
|
-
ScrollBar color Changes
Works with IE 5.x & 6.x browsers only! Change
color of
scrollbars as on this page. You can change the using
hexcodes as
desired to match your needs.
|
Copy the above by clicking the Scrollbar button and then using Control-C or
right click your mouse and select Copy. Then paste into the header of your
HTML document by right clicking your mouse and selecting Paste. You may change
the values of the hexcodes as desired to match your page requirements. Here is
a
hexcode chart
to help you determine your color requirements.
|
-
How to do Frames page
This is a basic page on how to do frames. It is
not a tutorial on
how to make a site with frames but if you know
HTML to some extent
it should give you enough information to make
a basic version of a
page with frames.
This page includes a copy and paste example for you to use.
How To Make a Page
with Frames
( opens in
new browser window )
You may wish to look at this script also which
redirects calls to
pages used for frame contents back to the main
navigation page.
frame_redirect.txt
Text format - if you do not see the script with your
browser, view
the source and then save as text. The copy and
paste as required.
-
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.
Copy the above segment for use in the opening BODY tag in your HTML page by
clicking the AlertOnLoad button above, then using Control-C or right clicking
your mouse and selecting Copy. Then right click and select paste to place the
code into your HTML document in the opening body tag. See the following example.
<body background="backgnd.gif" text="#ffffff" link="#000000" vlink="#000000"
alink="#00ff80" onload="alert('.... THIS IS WHERE YOU PUT YOUR ALERT 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.
-
Advance to the Next Page
( redirect - like at the start at this site
)
|
Copy the above code by clicking the AdvanceToNext button, then Control-C or
right clicking mouse then copy which will copy code to your clipboard. Then
point to the location you wish to place the code, right click the mouse again
and select Paste. NOTE!: You will wish to edit the code to reflect your
needs!!! Change the URL to the page you wish to advance ( or auto refresh )
then the content number value (35 currently ) to the number of seconds you wish
to pass before the autoload of the next page ( URL ). Some webhosts do not
allow this function on their site for security reasons.
|
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 this webpage )
-
Hard to Make HTML Characters.
Includes about a dozen characters that are not
easy to make on
webpages unless you know the HTML code.
Click here to open this
page.
-
Frame Breakout on links
For those who use frames on their pages or wish to have links to something
other than open in the same window or frame. You can insert a command in your
META Tag area which will direct the browser to open a Window as you have
instructed. Here are a few examples.
<META HTTP-EQUIV="Window-target" CONTENT="_top">
(would open over the frameset)
<META HTTP-EQUIV="Window-target" CONTENT="_blank">
(would open in a new window)
<META HTTP-EQUIV="Window-target" CONTENT="_main">
(would open in the frame named "main")
|
-
A little about Stylesheets
A small and by no means a full explaination of
what a stylesheet is
and how to put them to use on your page.
Stylesheets1.html
( opens a new browser window )
Here is a little item I have
run across. It is a script to view
pages in different
resolution settings. You can copy the script
as you desire
from the page or you can run it from here.
Page Size
Test
( opens in a new window )
|
WARNING!!!
Generally I do not recommend the use of the HTML SOURCE on
this
page for HTML code! ( the raw source) It
has been altered in some cases to display with Web
Browsers correctly in HTML format on this page so you to copy
and paste directly to a text editor. Using the actual page
source will include non printable HTML characters which will
cause some of the HTML not to work if used on a page in this form. I recommend you
save any scripts or text from this page AS TEXT FILE, using a program like Notepad, then edit
it as desired. After you have edited the code for your needs, copy and paste it into your page as per your requirements.
IMPORTANT! Saving the content of this page in anything other than text formats may
result in errors. I do not recommend the use of the HTML on this page for use with Template type page building software such as Yahoo Page Builder, or many number of this type of page building software which uses templates to construct a webpage for you.
I also do not recommend the use of word processor programs to edit HTML such as MS WORD, MS WORKS, Word Perfect, WORDPAD, or most any other
of these type of editors normally for use as a Word Processor, unless you know exactly how to do so and have done so successfully in the past.
Please be sure to make a backup copy of any work before you attempt to insert code into your HTML page.
|
|
