Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. Templates, skins, XHTML and CSS
  4. Help with Banner

Help with Banner

1 Jul 28, 2007 19:22    

Hi,

I modified the _main.php and stylesheet.css on my wife's blog -- www.stylefool.com -- to show her banner, but there are two problems:

1). The bottom of the banner is clicked off;
2). The blog title ("Full Name" field in the General Parameters" admin tab) is overlaid over the banner. I tried setting the "Full Name" field blank, but then the blog name doesn't show up in the page title.

Modified _main.php:
<div class="pageHeader">
<img src="img/banner.png" width=601 height=121> -- added code

Modified stylesheet.css code:
div.pageHeader {
padding: 1ex;
text-align: center;
border: 2px solid #ddd;
background: url(img/banner.jpg) top center no-repeat; -- modified code
margin-bottom: 10px;

My questions are:
1). Where and how is the correct / best method of using an image as the header for a blog?
2). How can I get the name of the blog to show up as the page title, but not cover the banner?

Thanks!

Back to top

2 Jul 29, 2007 01:39

I can answer #1. It would be better to remove what you added from _main.php (the <img src part) and just use the stylesheet background: url(img/banner.jpg) code.

One solution for problem #2 would be to edit your _main.php and change the title tag to look something like this:

<title>StyleFool.com</title>

That should do the trick.

Back to top

3 Jul 29, 2007 12:44

Somewhere in your css file it reads:

h1#pageTitle{
..
..
}


Between these brackets { add this line:

visibility: hidden;

You can do the same with 

div.pageSubTitle{
..
..
visibility: hidden;
}


I wasn't able to look in your specific css file, so it might look slightly different, but the keywords are #pageTitle and .pageSubTitle.

And yes, I should go for the css solution for the image.

Good luck

Back to top

4 Jul 29, 2007 16:11

Afwas,

Thank you! Your suggestions fixed the problem.

Cheers,

Rocketdude

Back to top


Form is loading...