MyBB Community Forums

I'm using the Afresh theme and currently it displays the logo on the left side which is fine. However, I'd like to add some images to the right side as well (kind of how this theme shows the search bar, except I want another clickable image there instead), how would I go about doing this?

The current CSS for the logo which is called in the header template is as follows:

.logo {
background: #960403 url(images/flame/logo_bg.png) top left repeat-x;
border-bottom: 1px solid #000;
min-height: 100px;
}

Thanks in advance to whoever can guide me in the right direction.

Open the header template and find the div responsible for the logo. Immediately beneath it, create another diva, who will look something like this:

<div class="picture"><img src="images/theme_name/picture.png" alt="" /></div>

Then put the two divs in a div. Then add in CSS:

.picture {
text-align: right;
}

Written from memory so it can not work. Had it not worked all but a forum URL must have already modified the template header.

(2010-02-18, 09:47 AM)virus4 Wrote: [ -> ]Open the header template and find the div responsible for the logo. Immediately beneath it, create another diva, who will look something like this:

<div class="picture"><img src="images/theme_name/picture.png" alt="" /></div>

Then put the two divs in a div. Then add in CSS:

.picture {
text-align: right;
}

Written from memory so it can not work. Had it not worked all but a forum URL must have already modified the template header.

It'd be more:

.picture {
float: right;
}

Not forgetting to put the dimensions in too

The float right code was the correct one but the thing said about the divs was correct, so thanks to both of you as I got it work.