Menu Selecting Colours
 

Selecting Colours

If you are using one of my templates for your own design all I ask is that you change some of the colours and change the layouts a bit.
I don't want all the websites that are based on my original design to all look the same. I would prefer if you took the design and used it as a basis of your own design and add more css to it. I would be grateful of any feedback that you could give me and correct any mistakes that I have made.

The most difficult thing to change the colours is knowing where to find what to change. Where possible I have added notes in the css files when I have set a colour, but I know there are many places where this has not been done. The examples from the W3C website, the source of most of my inspirarion, also tend to leave out notes where the colours are set.

A example is the navigation bar menu on this page. Currently the .header a.active has background-color: #00ff99; (the active menu "Home" button).

Top

Custom Colours for W3.css

This is done for the W3.css Framework by the definition of custom class.

This is w3-tracking class. The addition of the class to the paragraph element applies the colour to the whole paragraph.

 Bold text within a paragraph.

Overriding W3.css colours

I was told that the original main section background was too pink. The original w3-sand is shown below. This is possibly a male-female thing and the orignal sand just looks yellow and not pink.

This is the original w3-sand

The w3-sand was overridden in portfolio.css

In any case muted colours seem to be preferrable.

Links

Top

References: - a note on these -

  • 1 - HTML Color Picker - https:// www.w3schools.com/ colors/ colors_picker.asp

Site design by Tempusfugit Web Design -