2016-07-03, 07:13 AM
(2016-07-02, 06:33 AM)nuraman00 Wrote: [ -> ]My last question is, how do I make my logo stretch across?
Also, if I had wanted the shirts on chairs image as my logo, is there a way to stretch out the image across?
Here's what I had in my header template, with the bold part uncommented instead of the regular logo:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<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>
<!--<a href="{$mybb->settings['bburl']}/index.php"><img src="images/purple-space-background-with-basketball-ball-explosion-effect.jpg" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>-->
<!--<a href="{$mybb->settings['bburl']}/index.php"><img src="images/lunarYearShirt.jpg" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>-->
Ok, this is what I did. I'm trying the picture of the shirts on chairs as a logo, instead of a background image.
global.css:
#logo {
/*background: #fff;*/
padding: 10px 0;
border-bottom: 1px solid #263c30;
background-size: 100% 100%;
background: url(images/lunarYearShirt.jpg) center fixed;
background-repeat: repeat;
}
template header:
<a href="{$mybb->settings['bburl']}/index.php"><img src="images/lunarYearShirt.jpg" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
Is this the best way to make the logo stretch, with these two changes? Do I have to do it in both places?
Also, I tried changing the background size, from 100% to 200%, but nothing happened.