MyBB Community Forums

Hi i want to know a bit more about this sections of the theme.



1: i want to know since thats the body i believe, what size should it be? in better explanation what size can they be?

2: Also what size could that be if implementing an image rather than a plain color?

3: whats the name of that white line in the global?

4: whats the name of that in the global? and what size should they be in?


Are all the sizes suppost to be in PIXELS?

1. If you are asking about the gap, control it shrinking the #container {width: ...
If you set the width: 80%; it will leave 10% of the screen size at both side.

2. Use as small as possible with repeat to fill the container background.

3. That is #container {border: 1px solid ....

4. #panel

Not exactly,
For sizes of image you can also use % values to make dynamic depending on screen reso.
For fonts you can also use 'em' in parallel to px.

(2013-01-08, 10:03 AM)effone Wrote: [ -> ]1. If you are asking about the gap, control it shrinking the #container {width: ...
If you set the width: 80%; it will leave 10% of the screen size at both side.

2. Use as small as possible with repeat to fill the container background.

3. That is #container {border: 1px solid ....

4. #panel

Not exactly,
For sizes of image you can also use % values to make dynamic depending on screen reso.
For fonts you can also use 'em' in parallel to px.

quick question is there a way to place my logo in the middle?
i went into #container and used the text-align: center;

but that moves everythin to the middle which i dislike.
I want to be able to move only the logo to the middle if possible and the remaining text to the left.

Add center tags to the header where your logo is maybe that will work.

(2013-01-12, 06:50 PM)BaconSammich Wrote: [ -> ]Add center tags to the header where your logo is maybe that will work.

what do you mean? my text is all to the left
text-align: left;
but i only want the logo in the middle. how would i go about doing so? or were in global should i do it?

Home » Template Sets » Theme » Header Templates » header

There you will find something like

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

Add some css to align only the image.

Try this

<div id="logo">
				<div class="wrapper">
					<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" style="display: block; margin-left: auto; margin-right: auto; " title="{$mybb->settings['bbname']}" /></a>
				</div>
			</div>