MyBB Community Forums

I'm trying to go from this:



To this:



I would greatly appreciate any assistance in making this a possibility.

Thanks as always!

You'd have to add

border: 4px solid #FFFFFF;

to the div that you want to have the border.

Thanks, what if I don't have an existing div for the logo? Is there a way in which to create one so I can give it some CSS styling?

I have this currently for my header_welcomeblock_member:

<div style="margin:auto; text-align: left;"> <a href="{$mybb->settings['bburl']}/index.php"><img src="images/logo.png" /></a></div><span style="float:right;"><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a> | <a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a> | <a href="{$mybb->settings['bburl']}/private.php">{$lang->welcome_pms}</a> {$lang->welcome_pms_usage}</span><br />
<span style="float:right;">(<a href="{$mybb->settings['bburl']}/usercp.php"><strong>{$lang->welcome_usercp}</strong></a>{$modcplink}{$admincplink} &mdash; <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a>)</span><br />
<span class="links"><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">{$lang->welcome_open_buddy_list}</a>{$headerwarnlevel}</span>

What's your forum url? I find it easier to edit in real time,

In header template, find;

<div class="logo">

and Change it into;

<div class="logo" style="border: 4px solid #000;">

That would wrap the logo with a 4px border, not the whole area.

I believe if you add a border to the header id (which is defined in the markup by default but not used) it should work, but I'm not sure how the rest of your layout looks like and we can't really guess. It's still worth a shot nonetheless:

#header {
border: 4px solid #fff;
}

(2011-05-20, 08:14 PM)Malcolm. Wrote: [ -> ]What's your forum url? I find it easier to edit in real time,

Here you go.

(2011-05-20, 08:19 PM)faviouz Wrote: [ -> ]That would wrap the logo with a 4px border, not the whole area.

I believe if you add a border to the header id (which is defined in the markup by default but not used) it should work, but I'm not sure how the rest of your layout looks like and we can't really guess. It's still worth a shot nonetheless:

#header {
border: 4px solid #fff;
}

This seems to have been what was needed, Thanks!

And as for the avatar, you can use:

<div>{$mybb->user['avatar']}</div>

Which you can style however you want. Try it out, see how it works and if you need any help positioning it.

(2011-05-20, 08:29 PM)faviouz Wrote: [ -> ]And as for the avatar, you can use:

<div>{$mybb->user['avatar']}</div>

Which you can style however you want. Try it out, see how it works and if you need any help positioning it.

So if you want to style it with a 2px border white you would do

<div style="border: solid #fff 2px;">{$mybb->user['avatar']}</div>

(2011-05-20, 08:29 PM)faviouz Wrote: [ -> ]And as for the avatar, you can use:

<div>{$mybb->user['avatar']}</div>

Which you can style however you want. Try it out, see how it works and if you need any help positioning it.

Thank you! Though I'm not sure how (or where) to stick that in to get it to be where I would like it heh.