Part 2 of our tutorial. In part 1 we created the basic structure of the site on which we are going to build our photography site. This is the second in our 4 part series on how to take a PSD file and convert it into a fully CSS based html site. These are the first in a series of tutorials in which we build a fully working Photography site, all in clean Xhtml and CSS. All the code, templates and files are available for you to play with

One of the hardest parts of converting a PSD design into a well structured and semantic CSS/HTML layout is first knowing where to start. Although that may sound simplistic and obvious, it really does matter how you begin and that you build on strong foundations to start with. In this series of articles I will take you step by step through the conversion process and look at decisions that need to made on the way and how those decisions may need to adapt as things progress. The article will not address any specific graphic techniques (e.g. slicing and optimising) as this varies from paint package to package and is not the subject of the article. You will of course need to know how to do these things and I am assuming that you already have this basic knowledge.

The final part in the series - this time implementing some basic Wordpress functionality into your theme

The 2nd part in the series - focus on the design this time.

The first part in the series of building your own WP theme, this part deals with the initial layout.

Learn how to code my cars sales layout into a working css live website

In this CSS tutorial it wil be explained how to create an awesome CSS menu using images and some transparency level.

In this tutorial you can learn 8 Controlling Links Attributes Through Style Sheets

We’re going to create a horizontal row of boxes containing link text. When we move the mouse over one of these boxes, it’s going to get taller and the text larger and bold. I’ll link to a finished example at the end of the tutorial.

Learn how to make a dynamic style sheet

This tutorial is about Selections � Get Specific With Inheritance

This tutorial Includes some spiffy borders for the mouseovers

Learn how to add styles and effects to text or images

This tutorial is about Coding Forums style CSS navigation menu

In this tutorial you can learn more about Advanced Selectors

Describes how to define CSS Class and ID Selectors and when is the proper time to use a class selector and an ID selector.

Learn how to add an animated underline to links on mouse over

Draw border by using CSS and learn the different border styles

A simple way to make menus with sub-links using the CSS :target selector.