Design a Tutorial Site Design For Wordpress CMS

Step eleven:

Now draw a 159 x 111 pixels, white rectangle next to your description. Add a stroke layer style.

Step twelve:

Inside your white rectangle draw a 147 x 90 pixels, black rectangle. This space will hold your preview image for your content. Below your preview image, add a sample date using font arial, bold, 11 pt, none and black for color.

Step thirteen:

Now just duplicate your Content Sample layer set to add more content samples. Its up to you how many you want to display.

Step fourteen:

On your layers window make a new layer set titled Sidebar. Now on the right side of your canvas create a 317 x 29 pixels, #3E0000 rectangle. Add a gradient overlay layer style.

Step fifteen:

With your text tool type in ¡§What is yourname¡¨ using font Arial, bold, 13 pt, none and white for color.

Step sixteen:

Now make a ##E6E6E6 rectangle below your red rectangle structure. This first box will hold your description of your website so its up to you to decide how big this rectangle will be. With your text tool type in your website description using font Verdana, regular, 11 pt, none and black for color.

Step seventeen:

Now add more sidebar sections such as your categories and latest tutorials. Do this by duplicating your Sidebar layer set.

Step eighteen:

Make a new layer set titled Footer. In a new layer draw a 977 x 58 pixels, #AC0020 rectangle. Add a satin layer style.

Step nineteen:

With your text tool type in your navigation links again. Use font Arial, regular, 14 pt, none and #FFEA00 for color. Make sure you leave spaces between your links and add black colored vertical bars.

Step twenty:

At the other end of your footer add your copyright details.

Step One / Step Two / Step Three