itsanooray: (Default)
itsanooray ([personal profile] itsanooray) wrote in [community profile] betterdolphin 2012-05-12 11:08 pm (UTC)

Sorry for this very delayed reply, the notif was lost, but if you're still interested, I'm afraid in order to put in a banner you will have to do a bit of work.

If you want to add a banner image you will need to add the styles to #header or #header<.inner divs. So an example that would go into your css:

#header>.inner{
background: url(http://imagehost.com/header.jpg) no-repeat center top;
width: 200px;
height: 100px;
}

"#header>.inner" tells the css to apply these styles to the "inner" div of "header" only, so it's important to have it listed like that. The background attribute is saying not to let the image repeat and to have it be aligned center and to the top. The width and height would ideally be the size of the banner, however, this is a fluid style layout, meaning it shrinks and expands according to the size of someone's screen/browser, so having a fixed width/height like that may look funny depending on someone's browser, since BG images won't resize accordingly.

You will also most likely need to tweek the title/subtitle styles since they are inside the header element where this banner would go.

I'm sorry I'm being a bit generic in my help, but I generally don't make layouts with headers in mind so the most I can offer you now is how to start it on your own, since I don't mind if users what to tweek the codes to add them themselves.

Post a comment in response:

This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting