Div boxes (also known as division tags) are the most dominant part of modern web design, and the easiest thing to customize if you want to add a little more visuality to your CSS Stylesheets. Google now ranks slow loading websites lower than fast loading websites, so rather than adding unnecessary images to your designs, try customizing the natural parts of your layouts. You'll need to download a fleuron flower brush for your ornamental texture. Combining this with layer styles will create an elegant text box, but with a creative twist and minimal coding expertise...

In this tutorial, I'll be creating something that can be used to design either a whole CSS layout or a simple web graphic, for instance an icon or menu navigation. This tutorial begins with designing a scrunched and torn paper effect - we'll create multiple layers and overlap all the sheets of paper, and then surrounding we'll insert rulers, sharpeners, erasers, pens, pencils, paint and any other stationary on a wood textured background; or else save as a PNG, so that it takes the default background of your website. The Photoshop tutorial finishes by using a handwritten font called Hand Of Sean...

In this Web Layout PSD, I'll be demonstrating to you, step by step, how to design a menu navigation bar, a header (where your logo, etc could be), and a custom text logo using the NFL Chargers font. The beautiful ocean blue menu navigation uses the modern sans serif font known as PetitaBold, one of my favourite fonts, and also divides each menu item with an embossed or engraved dividing line, which I've created with simple light effects using Bevel & Emboss. The stripey tiled header has a slight Grunge texture, and is admittedly one of the more amateur tutorials on the site...