Hello (again),
I was just wondering if anyone knows how I can add a text box of some sort to the center of my header?
Its basically so I can put this in it:
CarFreaksUnite.com
The No.1 Pit Stop For Car Fans!
find code similar to below in the
header template
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
after that you can add required code - something like below
<div class="textbox_upper">CarFreaksUnite.com</div>
<div class="textbox_lower">The No.1 Pit Stop For Car Fans!</div>
and add
style properties for class
.textbox_upper &
.textbox_lower to adjust placement
(2014-10-11, 02:16 AM).m. Wrote: [ -> ]find code similar to below in the header template
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
after that you can add required code - something like below
<div class="textbox_upper">CarFreaksUnite.com</div>
<div class="textbox_lower">The No.1 Pit Stop For Car Fans!</div>
and add style properties for class .textbox_upper & .textbox_lower to adjust placement
CHEERS!!!
I have managed to wangle my way through the styling, its just the positioning i cant get my head around...
my header code is:
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<div class="textbox_upper"><center>CarFreaksUnite.com</center></div>
<div class="textbox_lower"><center>The No.1 Pit Stop For Car Fans!</center></div>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
and my css stylesheet section is:
#header .textbox_upper{
font-size: 300%;
color: #000;
text-shadow: white 0.1em 0.1em 0.2em;
font-weight: bold;
text-decoration: underline;
display: inline-block;
position: absolute;
}
#header .textbox_lower{
font-size: 150%;
color: #fff;
text-shadow: black 0.1em 0.1em 0.2em;
font-weight: bold;
}
I'm trying to get the text in line with my logo and centered.
I have managed to get the upper textbox inline but can't center it..
As for the lower textbox, i have it centered but not inline as it then goes next to the upper textbox..
Could you please take a look at my site (link in signature) and see what I mean and advise me on how to rectify it..
Much appreciated if someone could