I am building a website http://www.shootextreme.com and am trying to get my forum to match my template on my site. Is there a way to add a background (jpg or png file) into the background?
thanks.
Changing background in black pearl - Black Pearl
-
brothertaylor
- Registered User
- Posts: 6
- Joined: Wed Jan 25, 2012 7:34 pm
Re: Changing background in black pearl
Try the stylesheet
Replace with
Copy the png to the css image directory (or adjust the path) and let me know how it looks (cause I have not tested or used my brain
)
And ofcourse rename the XXXX.png to the actual name of your image too
Code: Select all
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
color: #CCCCCC;
background: #111111;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 10px 0px 10px;
}Replace with
Code: Select all
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
color: #CCCCCC;
background: #111111 url('./images/XXXX.png') top left no-repeat;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin: 0px 10px 0px 10px;
}Copy the png to the css image directory (or adjust the path) and let me know how it looks (cause I have not tested or used my brain
)And ofcourse rename the XXXX.png to the actual name of your image too
Last edited by Joshua203 on Mon Feb 06, 2012 4:58 pm
-
Joshua203
- Registered User
- Posts: 227
- Joined: Tue Jul 21, 2009 7:01 pm
- Location: Rotterdam, Netherlands, Europe, Earth.
- Name: Joshua 203
Re: Changing background in black pearl
I tried your suggestion and it worked perfectly thanks.
My background image is 100x100 and it appeared in the top left corner only so I removed the 'top left no-repeat;' part and now the whole background is covered and matches the website.
Is just removing that bit the correct way to do it or is there something else I need to do?
'
My background image is 100x100 and it appeared in the top left corner only so I removed the 'top left no-repeat;' part and now the whole background is covered and matches the website.
Is just removing that bit the correct way to do it or is there something else I need to do?
'
-
Andrew Knox
- Registered User
- Posts: 17
- Joined: Mon Mar 03, 2008 9:47 am
Re: Changing background in black pearl
If it's perfect for you then no, however I do see different changes to the suggested code than you describe ..some good but at least one bad one.
Maybe posting the full code of that part would be a better idea to describe? (you really should't make me hunt for your stylesheet
)
Anyway whatever you do, the example doesn't know your image so you were right to play with the position and repeat, the bad part of what you did is where you removed the colour (it's now flashing white on enter until it has loaded the image) ...not a good idea unless that's what you like
Maybe posting the full code of that part would be a better idea to describe? (you really should't make me hunt for your stylesheet
)Anyway whatever you do, the example doesn't know your image so you were right to play with the position and repeat, the bad part of what you did is where you removed the colour (it's now flashing white on enter until it has loaded the image) ...not a good idea unless that's what you like
-
Joshua203
- Registered User
- Posts: 227
- Joined: Tue Jul 21, 2009 7:01 pm
- Location: Rotterdam, Netherlands, Europe, Earth.
- Name: Joshua 203
Re: Changing background in black pearl
Oh, I thought it couldn't have been that easy. Do you mean I should leave the background colour in the code and the image will cover it when it loads?
-
Andrew Knox
- Registered User
- Posts: 17
- Joined: Mon Mar 03, 2008 9:47 am
Re: Changing background in black pearl
If you don't want it to flash white ...yes I would give that a try
-
Joshua203
- Registered User
- Posts: 227
- Joined: Tue Jul 21, 2009 7:01 pm
- Location: Rotterdam, Netherlands, Europe, Earth.
- Name: Joshua 203