MyBB Community Forums
A long one for you pros! - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: A long one for you pros! (/thread-94777.html)

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20


A long one for you pros! - xomp - 2011-05-20

I'm trying to go from this:

[Image: PpZ0U.png]

To this:

[Image: 3oKrW.png]

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

Thanks as always!


RE: A long one for you pros! - Nathan Malcolm - 2011-05-20

You'd have to add

border: 4px solid #FFFFFF;

to the div that you want to have the border.


RE: A long one for you pros! - xomp - 2011-05-20

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>



RE: A long one for you pros! - Nathan Malcolm - 2011-05-20

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


RE: A long one for you pros! - Yaldaram - 2011-05-20

In header template, find;
<div class="logo">
and Change it into;
<div class="logo" style="border: 4px solid #000;">



RE: A long one for you pros! - faviouz - 2011-05-20

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;
}



RE: A long one for you pros! - xomp - 2011-05-20

(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!


RE: A long one for you pros! - faviouz - 2011-05-20

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.


RE: A long one for you pros! - Matt G. - 2011-05-20

(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>



RE: A long one for you pros! - xomp - 2011-05-20

(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.