AjeetsGroup

Hi,
Rayallove ,

Start up KompoZer and load your web page.

Click “Tools | CSS Editor”. That is, click the “Tools” menu, found at the top of KompoZer, then when the Tools menu appears, click the “CSS Editor” item in that menu.

A dialog box, entitled “CSS Stylesheets”, should appear. To change the colour (or “color” if you use US English) of every text link when your mouse hovers over it, make sure that the “custom style rule” radio button is selected, then type “a:hover” (without the quotes) into the blank field just above the “Create Style rule” button.

Click the “Create Style rule” button.

The dialog box should change in appearance to show a new “Style rule” for the “selector: a:hover”. Look at the series of tabs at the top of the dialog box. Click the “Text” tab.

The “Text” tab allows you to change the colour of the words appearing in the link. To do this, look for the line called “Color:” in the dialog box. It should be followed by a blank field and a rectangular button, all on the same line. Click the rectangular button.

The “Text Color” colour picker dialog box should appear. Select a colour by clicking it. Notice that when you do so, the “Hex:” field in the dialog box changes to contain a series of letters and numbers, preceded by a hash (“#”) sign. This is the text representation of the colour that you picked that will be inserted into your web page. Click “OK” when you’ve finished selecting the colour.

Now click the “Background” tab at the top of the dialog box. The text colour that you changed earlier only modified the colour of the words appearing on your page. If you want your text to have a highlight colour, the way thesitewizard.com’s text links do, then you will also need to change the background colour of the words when the mouse hovers over them.

Near the top of the dialog box, look for the “Color:” line again, and click the rectangular box at the end of that line.

Once again, you will see a colour picker, this time entitled “Block Background Color”. Select the colour you want for the highlight and click OK.

Finally, click the “OK” button to dismiss the “CSS Stylesheets” dialog box.

You can check to see if your colour scheme is readable by clicking the “Preview” tab at the bottom of the KompoZer window, and moving your mouse over any text link on your page. You should be able to see your new rollover or mouseover colours at work.
Thanks
Davidmora