How to change the Header Help., from Bloggers Template |
How to change the Header Help., from Bloggers Template |
![]()
Post
#1
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 50 Joined: May 2004 Member No: 17,903 ![]() |
This is the current layout of my Blog http://angsulongituloy.blogspot.com/
Please help me how to change the header of that template. Just simple teach me how to modify the codes. I want that skin from Blogger but I want to change the header. ![]() |
|
|
![]() |
![]()
Post
#2
|
|
![]() Death is a promise given to us at birth ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 4,757 Joined: Mar 2004 Member No: 7,459 ![]() |
CODE /* Header ----------------------------------------------- */ #header-wrapper { background: #fff; padding-bottom: 4px; } #header .titlewrapper { background:#be4 url("http://www.blogblog.com/no565/topleft.gif") no-repeat left bottom; padding:0 0 0 160px; margin:0 0 10px; color:#fff; width:100%; width/* */:/**/auto; width:auto; } #header h1 { background:url("http://www.blogblog.com/no565/bg_header.gif") no-repeat left top; margin:0; padding:70px 0 30px; line-height: 97px; font: normal bold 275% Helvetica, Arial, Verdana, Sans-serif; text-transform:lowercase; } #header h1 a { color:#fff; text-decoration:none; } .postpage #header h1 { padding-top:0; background-position:0 -40px; } .clear { clear: both; } /* Description ----------------------------------------------- */ #header .descriptionwrapper { background: #ff9900 url("http://www.blogblog.com/no565/bg_desc_top.gif") no-repeat left top; margin:0 0 6px; padding:12px 0 0; color: #ffffff; font-size: 75%; border-bottom: 1px solid #ffffff; } #header .description { background:url("http://www.blogblog.com/no565/bg_desc_bot.gif") no-repeat left bottom; margin:0; padding:0 0 12px; display:block; line-height: 1.6em; text-transform:uppercase; letter-spacing:.1em; min-height:12px; border-bottom: 1px solid #ffffff; } #header .description span { /* To remove the word next to the description, delete the following background property */ background:url("http://www.blogblog.com/no565/temp_no.gif") no-repeat left center; /* Keep everything below */ display:block; padding:0 0 0 160px; text-transform:uppercase; letter-spacing:.1em; min-height:12px; } .postpage #description em { font-size:1px; line-height:1px; color:#ffffff; visibility:hidden; } that's the header code. from looking at it, find out what image is which and change the colors to your likings. |
|
|
![]() ![]() |