fjd1.com --- Graphics tools page for fellow webmasters and developers

FJD sent ya!
If you think this should be at your site, let me know, and I will direct you to folks behind the curtain.

Quicker loading graphics will make your site ROCK.

NetMechanic Tools
Use this service FREE to optimize your images

Follow the progress...
Step by step instructions for mouse over effects and linking to cool buttons and stuff.

That cool mouse-over effect

Building inverted buttons

1. Open your blankbutton.gif image in your favorite graphics program.

This one above was already done, and so the lettering was simply pasted onto the other inverted image to match.

2. Invert the image and flip it left to right, then save-as blankbuttonin.gif

Adding the lettersin to the end of the filename is used here to remind that the image is to look pushed in, or is inverted. Often we denote it with "on" when intended to look lighted.

3. As before, add text to the buttons and save them using their new names.

aboutbutton.gif

aboutbuttonin.gif

aboutbuttonon.gif

4. The script for the effect.

rollover.zip
Click on the file (rollover.zip, above) to download, unzip and then put into your "scripts" folder. It should be named rollover.js when unzipped, ... just to be sure.

5. Iinsert this script tag anywhere into the head of your HTML page

<HEAD>
<script language="JavaScript1.2" src="./scripts/rollover.js" type= "text/javascript"> </HEAD>
The script here is saved in the folder scripts, and this tag points the way to rollover.js, which is the name of our script (written in JavaScript.)

6. Review of non rollover about page link example.

7. Remember the code from the page before? Here it is written linking the about page using the about button.

8. Now we use our script to do the same, and change the image when the mouse moves over or out.

<a href="about.html" target="_blank"
onmouseover= "F_roll('LightButton04',1)" onmouseout= "F_roll('LightButton04',0)">
<img src="images/aboutbutton.gif"
id= "LightButton04" name="LightButton04" onload="F_loadRollover(this,'aboutbuttonin.gif')"
height="28" border="0" alt="Go to the about page."></a>
Note the number 04, after LightButton (four occourances), this may be a 2 digit number, 00-99, and must be different for each time the code is used on a page. One number for each button. The code is used already three times on this page, thus this time, "04" was chosen, but it could have been any 2 digit number still unused.

That concludes the instructions for making a rollover button using a pre-written JavaScript and your own button images. This is by no means the only way of doing things, and you are welcome to continue here to another way of creating buttons using a combination of JavaScript and CSS (Cascading Style Sheets.)
Click here for a JavaScript and CSS button effect.

Awarded for TRUTH
by
awards.faithweb.com

Instruction

Instruction in a step by step manner to guide you to making your website, for those who are very new to the internet and need create a site quickly. (Including newbies who have no money, nor even a computer.) Official course of Trillium University presented by this website:
fjd1.com.

Multi Level Mailing List Builder

FreeMailer2000 When you sign-up for Free, you will get your very own personalized FreeMailer2000 website along with your Unique URL. When someone signs-up from your FreeMailer2000 website, they become your First Level Downline. Similarly, when someone else signs-up from their Unique URL, they become your Second Level Downline and so on till 15 Levels. The trade off here is very light, only 14 people are able to send email to you in return.

Webrings

Click here for information about webrings mastered by fjd1.com
Webings are a great way to surf the web by topic, and a good method of getting your pages noticed for webmasters.

Software

Trillium University maintains an archive at Ware.netfirms.com for software (and links to downloads) which you might find benificial.

We are a member of ISOC, the Internet SOCiety.

GC Computers - Computer Trade-Show Prices Everyday

If you need professional help, send me an e-mail describing your needs and how to best contact you.
Sincerely,
F. Davies
fjdavies@yahoo.com
(360) 352-0242
ICQ 43536012

advertisements
Click on any tool below for more information

Scripts will empower your pages in many ways.
Cool graphics software and links.
Intended for students, many are shareware or freeware.
Clicking on the banner will open the page on graphics directly.
Our favorite inexpensive and free recomendations are all here.
Begin with simple drawing and painting programs.
Examine the tools for computer aided design.
Move on to using advanced 3D modeling software.
Learn, write, and execute the code for Ray Tracing.

Click here for Neoworx products include route tracing (to see the internet route used to another online computer.)

Freeware

Free Internet Access

Free website and tools.
Our gizzmo! Yes, this is very new.
If you have a site, please have a look
For further information, contact: fjdavies@yahoo.com

Winner of the Golden Web Award 2000-2001