Help - Search - Members - Calendar
Full Version: How to change the Header Help.
Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
starsapphire04
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. laugh.gif I will give something in return who will help me.
moorepocket
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.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.