Runboard.com
Слава Україні!



🙂       Use the black navigation bar to log in or create your account.

Jump to Page:  1  2  3  4 

 
Jewel5 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen


Registered: 08-2007
Province: Hooterville USA
Posts: 11
Karma: 0 (+0/-0)
ReplyQuote
Background


Hello there! On page 4 Queeny asked a question about getting the background to fit. I copied the code she was given, but it didn't work for me. This is the code I put in CSS.

{
background-image: url(http://www.yourimagehost.com/yourimage.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}

TEST BOARD


Every pic I try, no matter how big or small it repeats. Oooh, is there something I need to do in the edit layout/colors of your board? emoticon

Thank you in advance! emoticon
5/29/2011, 3:11 am Link to this post PM Jewel5
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
ReplyQuote
Re:


Hi Jewel,

You have to have a class or id for your CSS so the browsers know what to do with the code.

If you just want the background to behave like that you could go with the declaration:

body {

background-image: url(http://www.myurl/image.jpg);

background-repeat: no-repeat;

background-attachment: fixed; }

Last revised by Pastor Rick, 5/29/2011, 3:45 am


---

Advertise Boards On TRDConceptsDE
5/29/2011, 3:38 am Link to this post PM Pastor Rick Read Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: Background


Hi Jewel,

I think this is the post you're referring to, where Belli said this:


body
{
background-image: url(http://www.yourimagehost.com/yourimage.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}



You need to tell it where to put the background image. If you want it on the whole page, you use body. If you want it in a specific area, you need to specify which area, and if you tell us where, we can tell you what to use to target that area.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/29/2011, 3:43 am Link to this post PM Lesigner Girl Read Blog
 
Jewel5 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen


Registered: 08-2007
Province: Hooterville USA
Posts: 11
Karma: 0 (+0/-0)
ReplyQuote
Re:


I'm wanting it where I have the palm trees, the whole background.
5/29/2011, 3:47 am Link to this post PM Jewel5
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: Background


Then adding "body" where PR and I showed you will do the trick. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/29/2011, 3:56 am Link to this post PM Lesigner Girl Read Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
ReplyQuote
Re: Background


Palm trees in the whole background? Are you wanting the image to automatically adjust so it looks like the image fits the whole background area showing on the browser?

---

Advertise Boards On TRDConceptsDE
5/29/2011, 4:53 am Link to this post PM Pastor Rick Read Blog
 
Morwen Oronor Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
ReplyQuote
Re:


I'd like to see how that works because whenever I try to use something other than an image that blends neutrally, I end up with a mess like that.
5/29/2011, 5:50 am Link to this post PM Morwen Oronor Read Blog
 
Jewel5 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen


Registered: 08-2007
Province: Hooterville USA
Posts: 11
Karma: 0 (+0/-0)
ReplyQuote
Re: Background



Pastor Rick said:

Palm trees in the whole background? Are you wanting the image to automatically adjust so it looks like the image fits the whole background area showing on the browser?



Yes

Thank you Lesa & Pastor emoticon

I put "body" in.. but now the forum table moves up and down. I just want the background pic to cover the back ground.?.

Last revised by Jewel5, 5/29/2011, 6:47 pm
5/29/2011, 5:22 pm Link to this post PM Jewel5
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: Background


This is what you currently have in your CSS:


background image
{
background-image: url(http://i52.photobucket.com/albums/g14/Raymond63/ptr.jpg);
background-repeat: no-repeat; background-attachment: fixed; }



You need to change the part in red to body

You will also want to center it horizontally on the page by adding background-position: center top; so the whole thing should read:

body {
   background-image: url(http://i52.photobucket.com/albums/g14/Raymond63/ptr.jpg);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center top;
}


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/29/2011, 9:52 pm Link to this post PM Lesigner Girl Read Blog
 
Jewel5 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen


Registered: 08-2007
Province: Hooterville USA
Posts: 11
Karma: 0 (+0/-0)
ReplyQuote
Re:


I hate to be a pain, but now the background pic is just in the center. I want it to cover the whole background, (not tiled). Just the forum moves now, and I want it all to move like it is on Friends and Fun.
5/29/2011, 10:06 pm Link to this post PM Jewel5
 


Add to this discussion

Jump to Page:  1  2  3  4 



You are not logged in (login)
Back To Top

This board's time is GMT.