Not Solved background image
#1
Not Solved
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;
}
[Image: bannermybb.jpg]
Reply
#2
Not Solved
Hi,

place it in #container not in #content, and you'll see it everywhere.
I don't answer questions about localhost forums or forums without URL, I'm not a seer.  Cool
Reply
#3
Not Solved
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
[Image: bannermybb.jpg]
Reply
#4
Not Solved
(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>
What goes around comes around
Reply
#5
Not Solved
Thanks works, only a small black line in the header welcome part.
[Image: bannermybb.jpg]
Reply
#6
Not Solved
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;
}
What goes around comes around
Reply
#7
Not Solved
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?
[Image: bannermybb.jpg]
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)