Home

Project Information

Project Abstract

Purpose

Hypothesis

Apparatus

Method of Experiment

Observations

Conclusions

Hurricane Report (full)

 · Page I

 · Page II

 · Page III

Resources that I used

'Bibliography'

About me

VirtualScienceFair.com

> Bibliography

On my site, some of the effects I got from different websites which give web designers cool effects such as the ones I have here.

1.) When you put your mouse over a link, the green text becomes white. Here is the coding. You place this in the head section of your page.

<style>a:link { color: #38FF3D; text-decoration: none; } a:visited { color: #38FF3D; text-decoration: none; } a:hover { color: #FFFFFF; text-decoration: none; } a:active { color: #666666; text-decoration: none; } </style>

 

Where it says

a:link { color: #38DF3D; text-decoration: none; } , #C8FF3D is the color of the link. Same with a:visited, which is the color of a link that you have visited.
a:active is that color a link changes to for a micro-milisecond when you click on it. Then a:hover is the color the link changes to when you put your mouse over it, in this case, #FFFFFF, which is white. text-decoration: none means that the text is not underlined, bold, or italic.

Source: JSMadeEasy.com.

2.) On the left navigation bar, when you put your mouse on one row of the table, the whole table background becomes black. To do this, you put this in the head section of the page.

<style> A.menulink { display: block; width: 140px; text-align: left; text-decoration: none; font-family:Verdana; font-size:8pt; color: automatic; BORDER: none; border: solid 0px #000000; } A.menulink:hover { border: solid 0px #000000; background-color:#000000; } </style> <script> /* CSS Menu highlight- By Marc Boussard (marc.boussard@syntegra.fr) Modified by DD for NS4 compatibility Visit http://www.dynamicdrive.com for this script */ var ns4class='' </script>

the A:menulink part is the properties of the <tr> when the mouse is not on it. The A:hover part is the color of the border and the background when you put your mouse over it. Additionaly, this is what a link would look like if you wanted this effect. <a href="page.htm" class="menulink" class=&{ns4class};>Link</a> As you can see, you have to put class="menulink" class=&{ns4class}; somewhere in the link.

Source: DynamicDrive.com.

3.) On the right side bar of each page, you can manually select the background color of the page. To do this, insert the following code where ever you want it on the page.

<p align="center">Change this page's background color: <select name="backGround" size="1" onChange=(document. bgColor=backGround.options[backGround.selectedIndex].value)> <option value="000000" selected>[Black] <option value="730200">[Dark Red] <option value="231800">[Brown] <option value="044302">[Dark Green] <option value="0D09A3">[Dark Blue] <option value="444444">[Gray] <option value="FF0400">[Red] <option value="EFE800">[Yellow] <option value="05EF00">[Green] <option value="0206FF">[Blue] <option value="AE08EF">[Violet] <option value="FF8C8A">[Mauve] <option value="FFCCCC">[Peach] <option value="FFCC99">[Orange] <option value="D5CCBB">[Tan] <option value="DDDDDD">[Light Gray] <option value="FBFF73">[Light Yellow] <option value="7CFF7D">[Light Green] <option value="A6BEFF">[Light Blue] <option value="FFFFFF">[White] </select></p>

Source: ComputerHope.com.

4.) Have you ever had a big picture on your webpage and then when you put your mouse on it this annoying toolbar appears on it? Your problems are solved! Insert the following into the head section of your page.

<meta http-equiv="imagetoolbar" content="no" />

Source: My cousin's website.

5.) Did you notice that every time you went to a different page of a site it had a fade effect? Again, insert this in the head section of your page...

<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">

Source: A feature in Microsoft FrontPage.

------------------------------------------------------------------------------------------

The header of the site is made up of 3 pictures. The picture of the Earth with a hurricane forming is from (http://) www.hurricanes.noaa.gov/prepare/images/sat_img.gif.

The picture of New Orleans after Hurricane Katrina struck is from (http://) www.railwaypreservation.com/vintagetrolley/New_Orleans_Katrina_damage_1.jpg

The picture of a hurricane alone is from (http://)
www.todossantos-baja.com/todos-santos/hurricanes/hurricane-fausto-1996.jpg

Using Adobe PhotoShop, I merged all the pictures together, and using a cool font I have, I made the Hurricane Madness writing.

Back to top


 

This website can best be viewed best on a 800x600 resolution, on IE (Internet Explorer) 5+. Most important ... Enjoy!

Site designed by Ayoub Zubairi.
 

Change this page's background color:

A site map is available here, with all the links to all the pages on this site.

Think you're lost? The link on the sidebar in bold is the page you are on.

If you want to see my VSF project from last year, go ahead.

You are here: Bibliography