Tutorial: Header like mine comment
4.11.11


I received quite a number of questions on how to that header. Well, it's very simple actually. The tuto is as follows:

A reminder:
  • The CSS is what u paste between <style type="text/css"> and </style>
  • The HTML is what you paste between </style> and </body>
THE CSS:

.header-title{
font-family: 'Dancing Script', cursive;
color:#fff;
font-size: 20px;
text-shadow: 0 0 0.2em       #ECD872, 0 0 0.2em       #ECD872;
}

THE HTML:
<div style="position: fixed; top: 0px; left: 0px; width: 100%; height: 30px; background-image:url('http://25.media.tumblr.com/tumblr_me9pp0LBqa1qcdtsho1_1280.jpg'); border-bottom: 5px solid #757575;"><center><div class="header-title">Order my steps in Thy Word, O Lord... </div></center></div>
EXTRA:
*for font---> paste the below ,above <style type="text/css"> :

<link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>

..and voila! u got urself a whole new header :D enjoyyy~