Topic: Adding a logo

Ok I searched, and couldn't find anything that worked. There was some code about

#brd-title {display: block; background: url(../my_image.png) no-repeat; }

But that didn't seem to work unless I was placing it in the wrong spot. I placed it both in oxygen and oxygen_cs and it didn't work.

Basically I want the logo to appear above where the current text logo is shown. so on this forum it would be like this:

<--image-->
fluxbb.org forums
<text description>
<menu: index etc.>

Also, something like this should be stickied as I'm sure plenty of other non-css savvy people have been struggling to accomplish this.

Thanks,

Re: Adding a logo

try this, put it at the end of oxygen.css

#brd-head {
    background: url(./your_image.png) no-repeat;
    padding-top: 150px;
}

Re: Adding a logo

*EDIT*

Ok I managed to get it to work using part of your code, thanks.

For anyone else struggling to accomplish this, simply go to your oxygen_cs.css file and make sure your brd-header looks something like this:

#brd-head {
    padding-top: 80px;
    display: block;
    background: #517CA1 url(mylogo.png) no-repeat;
    color: #ddd;
    border-color: #517CA1;
    }    

The padding number might have be increased or decreased depending on the size of your logo. Just play around with it until it looks right.

I'm not sure how valid that code is, but it seemed to work fine for me.

Last edited by fluxrux (2008-10-13 20:11:32)

Re: Adding a logo

#brd-head {
    padding-top: 100px;
    display:block;
    background: #5CA151 url(/images/banner.jpg)no-repeat;
    color: #ddd;
    border-color: #5CA151;


I put this in Oxygen_cs.css already.

And my logo appears in Firefox, but not in IE (6&7).

I don't know why.

What am I gotta do ?



I'm a novice but learning by doing all by myself.

Re: Adding a logo

Try adding height: 100%;

Re: Adding a logo

I do the same modif above, without "height: 100%;" and it works in both Firefox & IE smile

Re: Adding a logo

I found a way for adding a logo on a 1.3 fluxbb board. And 'cause i don't found anything on this, i put my solution here:
(Green: Add | Red: Delete)

include/template/main.tpl wrote:

<!-- forum_skip -->
<div id="brd-logo">
<!-- forum_title -->
<!-- forum_desc -->
</div>
<!-- forum_navlinks -->

style/Oxygen/Oxygen_cs.css wrote:

#brd-logo {
    background: #296fa5 url(logo.png) no-repeat;
    }

#brd-title, #brd-desc {
    background:#296fa5;
    }

wink

Last edited by RemiJ (2009-01-03 21:51:32)