Background image issues - again

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
Geepers
Registered User
Posts: 212
Joined: Fri Apr 04, 2014 7:44 am
Location: Tasmania - Australia
Name: Glenn
Contact:

Background image issues - again

Post by Geepers »

Hope this is the right place for this, and apologies in advance for a re-run of this. :?
I'm using the PixelGoose - Metro theme which is Prosilver based and need advice on using a background image?
The image has a 'Starburst" in the top corner so can't be repeated. (As far as i can see)
How big an image is likely to be need for long pages?
At present I'm using a 2500px wide x 5000px high image..seems big to me, but still repeats at least 3 times on long pages.
I've been searching posts regarding this and have ended up with this code:

Code: Select all

html {
	/*font-size: 0.813em;*/
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
}
html, body{height:100%;}
body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: 'Open Sans', sans-serif;
	color: #828282;[/color]
	background-image: url("{T_THEME_PATH}/images/backgd.png") ;
	backgound-size: cover;
	background-repeat: no-repeat;
	[color=#FF0040]/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 0.813em;
	margin: 0;
	padding: 12px 0;
}
The bits I've added are:
html, body{height:100%;} and background-image: url("{T_THEME_PATH}/images/backgd.png") ;
backgound-size: cover;
background-repeat: no-repeat;


Any ideas?
Site:
Classic Bike

rayminator
Registered User
Posts: 310
Joined: Wed Nov 15, 2006 1:37 pm
Name: raymond green
Contact:

Re: Background image issues - again

Post by rayminator »

the image should 1920px × 1200px

and in css this line background-image: url("{T_THEME_PATH}/images/backgd.png") ; should be like this

background-image: url("{T_THEME_PATH}/images/backgd.png") fixed 100%;

and remove this

Code: Select all

 backgound-size: cover;
   background-repeat: no-repeat;
  html, body{height:100%;}

Geepers
Registered User
Posts: 212
Joined: Fri Apr 04, 2014 7:44 am
Location: Tasmania - Australia
Name: Glenn
Contact:

Re: Background image issues - again

Post by Geepers »

Thanks, but unless I've done something wrong, that's not working either?

rayminator
Registered User
Posts: 310
Joined: Wed Nov 15, 2006 1:37 pm
Name: raymond green
Contact:

Re: Background image issues - again

Post by rayminator »

sorry i did forget to something down i was in rush

move this background-image: url("{T_THEME_PATH}/images/backgd.png")fixed 100%; to html {

in body add this to it width: 1200px;

it should something like this

this is what i am using

Code: Select all

html {
	color: #536482;
	background: url("{T_THEME_PATH}/images/bg_html.jpeg") fixed  100%;
}

body {
	width: 1200px;
	margin: 0 auto;
	border-top: 0px;
	opacity:0.9;	
	filter:alpha(opacity=80);
	background: url("{T_THEME_PATH}/images/bg_body.gif") repeat-x 0 0;
}

Geepers
Registered User
Posts: 212
Joined: Fri Apr 04, 2014 7:44 am
Location: Tasmania - Australia
Name: Glenn
Contact:

Re: Background image issues - again

Post by Geepers »

Hmmm, I give up. :lol:
I tried as you said with no luck..really screwed up the page?
Also tried various edits to that idea with no success?
So back to the original code with the addition of background-image: url("{T_THEME_PATH}/images/backgd.png");
and a big image - 1987px by 4967px

Code: Select all

html {
	/*font-size: 0.813em;*/
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
	
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: 'Open Sans', sans-serif;
	color: #828282;
	background-image: url("{T_THEME_PATH}/images/backgd.png");
    /*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 0.813em;
	margin: 0;
	padding: 12px 0;

Locked

Return to “[3.0.x] Styles Support & Discussion”