MyBB Community Forums
background image - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: background image (/thread-225731.html)



background image - spinning - 2019-12-15

I there a way to get a background image in the DEFAULT theme that:

- filled the screen up to 100%
- the background image will not scroll only the forum

Something like this but full sized window and the background must be not scrolling with the forum.

#content {
background-image: url("http://www.ikf-forum.eu/backgr.jpg");
background-repeat: no-repeat;
width: auto !important;
padding: 20px 10px;
overflow: hidden;
}

Allready find out a big part but the header part is not filled with the background image (www.ikf-forum.eu)

#content {
top:0px;
background-image: url("http://www.ikf-forum.eu/backgr.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
max-width:100%;
max-height:100%;
padding: 20px 10px;
overflow: hidden;
}


RE: background image - NoRules - 2019-12-15

Hi,

place it in #container not in #content, and you'll see it everywhere.


RE: background image - spinning - 2019-12-15

Thanks that works
Still two questions when you visit forum you see what I mean (www.ikf-forum.eu)
- welcome part is max width (how to change it to the same size as the forum table)
I think for tekst a margin is needed
- footer part is max width (how to change it to the same size as the forum table)
I think for tekst a margin is needed


RE: background image - Ashley1 - 2019-12-15

(2019-12-15, 08:33 PM)spinning Wrote: Thanks that works
Still two questions when you visit forum you see what I mean (www.ikf-forum.eu)
- welcome part is max width (how to change it to the same size as the forum table)
I think for tekst a margin is needed
- footer part is max width (how to change it to the same size as the forum table)
I think for tekst a margin is needed

you have to put panel into class = wrapper. so in header template:
replace:

			<div id="panel">
				<div class="upper">
					<div class="wrapper">
						{$quicksearch}
						{$welcomeblock}
					<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
				<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
			</div>
with:

			<div class="wrapper"><div id="panel">
				<div class="upper">
					<div class="wrapper">
						{$quicksearch}
						{$welcomeblock}
					<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
				<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
			</div></div>

in footer template:
replace:

<div id="footer">
	<div class="upper">
		<div class="wrapper">
			{$lang_select}
			{$theme_select}
			<ul class="menu bottom_links">
				{$showteamlink}
				{$contact_us}
				<li><a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a></li>
				<li><a href="#top">{$lang->bottomlinks_returntop}</a></li>
				<li><a href="<archive_url>">{$lang->bottomlinks_litemode}</a></li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=markread{$post_code_string}">{$lang->bottomlinks_markread}</a></li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></li>
			</ul>
		</div>
	</div>
	<div class="lower">
		<div class="wrapper">
			<span id="current_time">{$lang->welcome_current_time}</span>
			<span id="copyright">
				<!-- MyBB is free software developed and maintained by a volunteer community.
					It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
					to show your support for MyBB.  If you choose to remove or modify the copyright below,
					you may be refused support on the MyBB Community Forums.

					This is free software, support us and we'll support you. -->
				{$lang->powered_by} <a href="https://mybb.com" target="_blank" rel="noopener">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="https://mybb.com" target="_blank" rel="noopener">MyBB Group</a>.
				<!-- End powered by -->
			</span>
		</div>
	</div>
</div>

with:

<div class="wrapper"><div id="footer">
	<div class="upper">
		<div class="wrapper">
			{$lang_select}
			{$theme_select}
			<ul class="menu bottom_links">
				{$showteamlink}
				{$contact_us}
				<li><a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a></li>
				<li><a href="#top">{$lang->bottomlinks_returntop}</a></li>
				<li><a href="<archive_url>">{$lang->bottomlinks_litemode}</a></li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=markread{$post_code_string}">{$lang->bottomlinks_markread}</a></li>
				<li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></li>
			</ul>
		</div>
	</div>
	<div class="lower">
		<div class="wrapper">
			<span id="current_time">{$lang->welcome_current_time}</span>
			<span id="copyright">
				<!-- MyBB is free software developed and maintained by a volunteer community.
					It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
					to show your support for MyBB.  If you choose to remove or modify the copyright below,
					you may be refused support on the MyBB Community Forums.

					This is free software, support us and we'll support you. -->
				{$lang->powered_by} <a href="https://mybb.com" target="_blank" rel="noopener">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="https://mybb.com" target="_blank" rel="noopener">MyBB Group</a>.
				<!-- End powered by -->
			</span>
		</div>
	</div>
</div></div>



RE: background image - spinning - 2019-12-15

Thanks works, only a small black line in the header welcome part.


RE: background image - Ashley1 - 2019-12-15

Thats the bottom border of #logo, remove in global css
change
#logo {
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #263c30;
}

to
#logo {
	background: #fff;
	padding: 10px 0;
}



RE: background image - spinning - 2019-12-15

Thanks again that works also.

Now I have a background image I regornized that one 'table background' is tranparant (no color).
When you click on a usersname there is a part where your username and avatar is located, how to set the background to white?