WPG - New Web File set

[ideasguy]

Ive updated the WPG Files to allow you to to get Rollover and Visited effects
This makes it a much easier for the visitor to your site.
e.g.
When they hover over a link in the Plants list, the Link changes colour
When the visitor clicks that link, the link changes to a different colour,  and remains that colour until the visitor clicks another link.
Thus, the visitor can easily see "where he/she is" in the list being reviewed.

Whats under the bonnet?
The new Web files contain a Style Sheet - a new file - plantlist.css
A style sheet has only a few simple lines of HTML
However, a style sheet can apply to numerous web pages.
Thus, by making changes to one simple block of text (the style sheet) you can universally "beautify" the appearance of your web site.

You need these 2 downloads:
Updated fileset:
http://www.ideasgenie.com/updates-igpro/IGPro-Fileset-ENDE.exe

and updated Web Set
http://www.ideasgenie.com/updates-igpro/webfiles-dl.exe

When those are installed:
1) For starting NEW projects, you don't have to do anything. The program will apply the style sheet automatically.

2) However, for your existing WPG projects you need to copy the new file into the correct location.
Get into this folder:
c:\igdata_sets\web
Find and copy the file
plantlist.css
to the folder
c:\igdata_sets\web\xxxx
where xxxx is the folder where your generated web pages are located.
(BEWARE: DONT MOVE IT, be sure to use use Copy):

Then simply go ahead and generate and view.

[ideasguy]

Editing the Style Sheet

I plant to allow you to do this programatically.
Meanwhile, you can do this quite easily yourself using a plain ol' text editor - Notepad.

Open Notepad
Navigate to the folder containing the WPG output for your current project
Locate the file
plantlist.css

it looks like this:
a:link       { color: #384F5C;  text-decoration: underline; }
a:visited    { color: #000000;  text-decoration: underline; }
a:active     { color: #FF0000;  text-decoration: underline; }
a:hover      { color: #0000FF; text-decoration: none; }

Each line is an individual "instruction" to a web browser. It tell the browser how to apply colouring, highlighting, underlining etc.

Edit those values to suit the colour scheme on your web site.
#FFFFFF is White
#0000FF is Blue
#FF0000 is red

More colours?
Easy. Simply use the WPG.
In GA032S04 click Step 7 Colours
In GA032S10, play with the options under Select buttons.
The program returns values for colours.
Choose what suits your WPG project.