MyBB Community Forums

Currently i'm using a little mod to make my header look like vBulletin, but the logo isn't working the way i want it to. So, i want to put the logo in it's own frame that can have an image background set to it, can have the logo in it, and will only be as big as the rest of the forum. Here's what i mean:



Currently the logo will just sit on top of the thing below the photoshopped-in LOGO GOES HERE box, but i want it to sit in a frame a set distance above that.

How can i do this?

Here's my header code:

<div class="yellow_alert">
Notice Bar Text Goes Here
</div>
<br />      


{$bannedwarning}


<div id="container">
        <a name="top" id="top"></a>      
<div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>




<hr class="hidden" />
            
                {$welcomeblock}
            
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bbclosedwarning}
            {$unreadreports}

Any help would be greatly appreciated.

What exactly are you trying to do? I'm confused..

(2009-01-25, 03:51 AM)TomL Wrote: [ -> ]What exactly are you trying to do? I'm confused..

Trying to get the logo to display in it's own frame, that's about the simplest way i can put it.

What do you mean frame? Do you mean like so it has a border like the sample does?

Can't you just place it in a div? Look at your notice bar. That's a div with a colored background, and contains text. You just have to create a div, with a background (either color or an image) and place your logo inside the div.

you can readjust your logo div tag to whatever you are trying to do...like Tom i'm a bit confused about Frame as well; if that's what you want go to your logo div tag in your global.css and add

border: 2px #000;

you can change the color and size
if you mean away from other content; put a padding or margin in your logo div tag then

(2009-01-25, 05:15 AM)Gordie Wrote: [ -> ]Can't you just place it in a div? Look at your notice bar. That's a div with a colored background, and contains text. You just have to create a div, with a background (either color or an image) and place your logo inside the div.

I didn't think about doing that, works great too, thanks!