Customizing Headers

this applys also for learning how to make a stylesheet:]
Have you ever seen those headers and just went like "wooohhhh..." well heres how to make them


first lets start out by putting style tags



Now lets tell the CSS what to stylize


h1 {



}

your style is going to go in between the {





lets first start out by telling the CSS that I want the font to be Century gotic then simply add "font-family" tags


*//remember you must always add the semicolon at the end//*
h1 {font-family:century gothic;

}



lets set the color of the text to white:]

*//remember you must always add the semicolon at the end//*
h1 {font-family:century gothic; color:white;

}


now lets make a background for the text
* you may either put an image or color
to put and image put

to put color put
background-color:COLOR OR HEX NUMBER;


I want to put color so here I go

*//remember you must always add the semicolon at the end//*
h1 {font-family:century gothic; color: white; background-color:#000000;

}


now lets pick a font size

*//remember you must always add the semicolon at the end//*
h1 {font-family:century gothic; color: white; background-color:#000000; font-size:18;

}
good but I want the letters to be less spaced so
add "letter-spacing" tags

*//remember you must always add the semicolon at the end//*
h1 {font-family:century gothic; color: white; background-color:#000000; font-size:18; letter-spacing:-1px;

}
however since this is a header, I want the text to be aligned to the center
add "text-align" tags

*//remember you must always add the semicolon at the end//*
h1 {font-family:century gothic; color: white; background-color:#000000; font-size:18; letter-spacing:-1px; text-align:center;

}

pretty easy right? hopefully people will learn this and stop stealing the stylesheets of designers:]

It really Helped for the biggners ^_^ thanks.

it wasnt yours to be begin with.

it wasnt your code in the first place , so people dont really steal it.

well you can't really "steal" coding. it wasnt' made by you afterall.

awesome tutorial
thanks so much :D

Great tutorial [:

thankyou this helps :]

Thanx I get it now

woah! you made it simple to learn! xD THANKS!

I agree with MissHygienic, do not attempt to claim origenator of this. Header codes have been around for decades, all you did was customize it with a CSS. I am a HTML/XML Web Graphic Design Artist.
Your perception of "a Designer" is misleading. If you were met by people who reacted that way toward you, either the reason is that you did not ask in the right or the person was short tempered.

I will say this though, your code was of use for many people.
Do not attempt to down-side people who design. If one may not assist you, then you must find another source.



-jonsito_salas@ yahoo.com

View all »

Author	synatribe
Submitted on	Apr 8, 2008
Page views	28,903
Favorites	88
Comments	16
Reviewer	MissHygienic
Approved on	Apr 8, 2008

customize headers, headers, stylesheet