Web Style Sheets

Thursday, September 17, 2009
By Zo Nicholas

Web Style Sheets

Last months Ycademy monthly seminar focused on building a customised authors blog with a professional look and feel. Customising a blog now longer becomes such a daunting affair. The follow-up Ycademy trainings over the past few weeks have gone further to increase the knowledge in working with web style sheets and creating a very personalised looking blog.

SmallBusinessIdeas blog. From this:

 Web Style Sheets

To this:

Web Style Sheets
 

CSS Tutorials

Working with the Semiomantics XO script the CSS (Cascading Style Sheets) Tutorials have helped turn a basic script into a personalised website. Just by making a few simple changes of colours ,fonts and background you can completely change the feel of any site. The live tutorials provide not only know-how  but also a hands on workshop.      

CSS Code

By modifying a few elements in the CSS code from the default settings to your own preferences creates a new look as can be seen in the example below, the Disney look, created during a CSS training session.  

The Disney look:

 Web Style Sheets

The addition of graphics to the background and changing the font style creates a fun look to the whole site, which normally is quite sober.

Once you  begin to understand the basics of  CSS then the rest is fairly easy to follow.

“The CSS syntax is made up of three parts: a selector, a property and a value: selector {property:value} Source: W3Schools

The selector is normally the HTML element/tag you wish to define, the property is the attribute you wish to change, and each property can take a value. The property and value are separated by a colon, and surrounded by curly braces:…”

Practice as always is needed to become totally familiar with a style.css file.


Author:
Zo Nicholas
, Media, Marketing, Publishing.

Co-Founder of YORGOO, Ycademy,YORGOO Press and Semiomantics.

If you enjoyed reading the above, please consider following future tips and strategies by RSS reader or Subscribe by Email.

Read more..

Tags: , , , ,

One Response to “Web Style Sheets”

Leave a Reply