MyBB Community Forums

Full Version: background image
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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;
}
Hi,

place it in #container not in #content, and you'll see it everywhere.
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
(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>
Thanks works, only a small black line in the header welcome part.
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;
}
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?