TUTORIALS


 

 


For Meta tags, special characters, HTML tips and helps GALORE!  This is the place





The BEST site for DHTML helps and free scripts (such as floating items) is found here:





Want to know more about applets?  Well Lissa can explain everything.  Visit here site here:

ADDITIONAL "HTML" TUTORIAL SITES

FOR GREAT FONTS "HOUSE OF LIME"

SET-UP FOR TABLES FOR DOUBLE, TRIPLE, AND STATIONERY STYLE BACKGROUNDS IN FRONT PAGE 2000

PFFZONE.COM

Want to know more about pdf files?  Visit here site here:

ADDITIONAL "HTML" TUTORIAL SITES




WEB-TV USERS TUTORIALS

DRAAC.COM

SO THINK SWF EDITOR






VIRTUAL UNIVERSITY

ON-LINE COURSES IN "HTML"








LEARN GRAPHIC CREATIONS

GO GRAPH.COM







No Right Click (graphic protector) Codes:

The no right click code is an AID in attempting to prevent folks from taking the graphics on your web site.  It is NOT fool proof, there are ways around it.  I like to think of it as a deterrent.  Just as with any other *crime*, if someone wants to steal they will find a way.  The code is below...you may change the sections where you see Jaye Purple Wolf.Com information to whatever words you want...but do NOT alter any other part of the code.

 

 

This NO RIGHT CLICK code works ONLY on the images!  That way folks can still easily bookmark your page.  I like that!  Found at Dynamic Drive of course!

Place this code at the END of your page, just above the </body> tag

NO RIGHT CLICK CODE  1

<script language="JavaScript1.2">

/*
Disable right click script II (on images)- By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/

var clickmessage="Right click disabled on images!"

function disableclick(e) {
if (document.all) {
if (event.button==2||event.button==3) {
if (event.srcElement.tagName=="IMG"){
alert(clickmessage);
return false;
}
}
}
if (document.layers) {
if (e.which == 3) {
alert(clickmessage);
return false;
}
}
}

function associateimages(){
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown=disableclick;
}

if (document.all)
document.onmousedown=disableclick
else if (document.layers)
associateimages()
</script>
 

 

 



Place the code in your HTML between </title> and </head>

NO RIGHT CLICK CODE 2

<script language="JavaScript"> <!--
// No rightclick script v.2.5
// (c) 1998 barts1000
// barts1000@aol.com
// Don't delete this header!

var message="Sorry, that function is disabled. \n\n Contents and Graphics Copyright Midnight/Dawn Graphics\n\n Please Come On In And Visit, \n\n  Link ware And More Inside."; // Message for the alert box

// 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>

 

 

 

DIRECTION FOR OPENING A PAGE IN A NEW WINDOW: 

Just add the following to your <a href> tag:  target="_blank"   so an example would be as follows:

<a href="http://jayepurplewolf.com/" target="_blank"><img SRC="purplewolf.jpg" height=63 width=96>

This is great any time you wish to use it, but especially in frame sets!

 

 

HOW PLACE LITTLE LINES BETWEEN THE BACKGROUNDS?

The line is not a graphic, but "html" coding on the table tags.

Example Coding Below.

<table border="1" cellpadding="0" cellspacing="0" width="95%" background="purpleswirl.jpg" bordercolorlight="#820000" bordercolordark="#280000">

 

 

 How to enter Html on Homestead:

1.  Go to Elements, Go to Advanced Elements
2.  Go to HTML Snippet
3.  Upper Left Corner of the HTML Snippet Click on Edit
4.  When box opens --copy and paste- information " ; to " in box  (for example) with the Site Fights spiritflowers, you would copy and paste the code:

<IMG SRC="http://www.thesitefights.com/userv/flwrs/flwr.gif?fn=
24517023&sn=67zG.hcmhfRqzA

However: 
 If for  web ring or for another image you have uploaded and it says 
<img src="ringlogo.jpg"  you will type in the following instead:

<img src="(whatever your site name is) /files /ringlogo.jpg"  so for instance mine:

<img src="DWildWestAnnieOakley.homestead.com/files/ringlogo.jpg"

To remove the bar at the bottom of Homestead sites:

    Go to Page,
    Go to Page Bar
    Page Bar Position
    Click:  at the bottom no bars
    Click ok

   

   

BACKGROUND MUSIC FOR BOTH NETSCAPE & EXPLORER: 

<BGSOUND SRC="evennow.mid"><!--For IE--><embed SRC="evennow.mid" HIDDEN="True"><!--for netscape-->

Just put the name of your midi in the place where I have show one.

Also...don't forget to upload the midi to your file directory!

 

 

 

 

BEGINNING MUSIC WHILE PAGE IS LOADING: 

To have the music BEGIN as the page is loading add the following code to your page...directly after the <body> tags:

<EMBED SRC="titleofsong.mid" Hidden="TRUE" AutoStart="TRUE" Volume="75" Loop="TRUE"><bgsound src="titleofsong.mid" Hidden="TRUE" AutoStart="TRUE" Volume="75" Loop="TRUE">

 

 

 

OPENING A PAGE IN A NEW WINDOW:

Just add the following to your <a href> tag:  target="_blank"   so an example would be as follows:

<a href="http://beverly-zuerlein.tripod.com/" target="_blank"><img SRC="staytoteanext.jpg" height=63 width=96>

This is great any time you wish to use it, but especially in frame sets!

 

 

 

DIRECTIONS FOR VIEWING THE SOURCE

Many, many times on our sets as well as other designer's sets it will be
recommended that you *view* the *source* of the HTML on the page to 
copy a code or something such as that.  For those who are not sure how to
do this just follow these instructions.  
(sorry Web TV users this does not work for you)

1)  move your cursor up to the *view* sign on your browser task bar
2)  Click on view and you will see a drop down menu appear.
3)  Depending on which browser you are using it will say something such as
"view source" or just "source" as one of the options.  Click on that.
4) you will now see the entire HTML coding for that page appear before
your eyes as it will open up in a new screen.  You may copy a code directly from
there and paste it in to your own HTML.
CAUTION!!!!!!!!!!  NEVER start copying above this tag </head>.  You must

NEVER copy anything above that....and always STOP before you get to the
counter codes, etc. 

  

 

 

USING THE GUESTBOOK BUTTONS THAT APPEAR
TO BE SOLID PIECES:  

This is an example.  It really is two separate graphics that fit "flush" together.
When you add them to your page, do NOT put a space between them.  THEN,
do NOT use your normal guest book coding that comes with the Guest Book...just
link the view button to the page for viewing and link the sign button to the page
for signing your guest book...do NOT put the guest book code any place on the page. You will link the view and sign just like you do all your other buttons.  


 

WEB TV USERS

WEB TVers...you do NOT see them but around every hyperlinked button you have a colored box appears!  All folks except for other web TV users see them.  To get rid of these 
boxes just add this to the img tag     border=0
that's it!
So, a sample tag is like this:
<a href="rowboat.html"><img SRC="rowboatsmall.jpg" BORDER=0 height=114 width=150></a>

 

 

Want the background to remain stationary and the front or inner frame to scroll

All you have to do is add the following to your body background tag: 
bgproperties="fixed" 

 

 

 

YAHOO PAGE BUILDER HELPS

Yahoo's Page Builder?  Well, thanks to Tabatha we have a link just for you

http://www.geocities.com/ypbhelp/

 


 




ADDITIONAL TUTORIAL LINKS