How to design header section tabs like this ?

I really like the design of http://www.just4laptops.co.uk/

can anyone tell me how to design header tabs like this website. By header tabs i mean "Categories" , "Manufacturers".

I am talking about this -> http://img89.imageshack.us/img89/3703/headertabs.jpg

What needs to be done in css to get design like this ?

its just an image man. make some image and have it in div background or something, have a look at the website source code for more help

Hi AtiqUr,

i understand that it is the background but my question is the pointed side is going out of the page width, how ? I know it is an designed image with pointed corner but i put the image in the div, the div will be inside the page width but in your menu only the pointed side is going outside of the page width, that is what i want to learn. How it is done ? what is done in css to make this happen ?

Install Firefox + Install the Addon Firebug.

Then open the page again and press F12, select on the left-middle of the screen, the arrow icon and select a part of the page and below you can see all css image info.

it is the image

bg_sidebar_title.jpg or png

you have to modify the css in the themes (i am referring dark orange)

.block .title{}

code appropriate padding, background, size, colors. you will get it