Hi, can anybody share the code for a adding a background image to the modules?

As you can see in the pic I attached, I found a code to add an image to the module headers, but now I want the code to add an image to the module's backgrounds.

Thanks

PS: I am working on making a nice dark black ning layout and if you help me I will share the layout when it's finished.

Tags: image, module, module background image, modules

Views: 1057

Attachments:

Reply to This

Replies to This Discussion

Jeff, do you want to add a different image to each module background or one image that will cover all the module backgrounds.
Hi Jeff, just put your code where it says 'put jpg code here'

/* Module Body Background (Individual Modules) */
.xg_module_body{
background-color: transparent !important;
background-image:url(put jpg code here);
background-position:center 0px;
background-attachment:relative;
background-repeat:repeat;
border: none;
}

Change if you want it to not repeat to repeat:no-repeat;
or 'relative' to 'fixed' if you want the pic fixed.

Hope this helps.

It doesn't always look good with a pic here though I must add. I always put mine in the border headers and enlarge the boxes.
Thank you
Hi i need help. can any one teach me how to add a different image in each module?
Would you mind sharing the code for module header image? I can't figure it out :(
/* Module Head Picture and Border */
.xg_module_head {
background-color: transparent !important;
background-image:url(add your picture here);
background-position:center 0px;
background-repeat:no-repeat;
height:45px;
border: 6px inset #000000;
}
oh wow thank you so much!!!
Ok, it iis a dum question but, If i have a picture in my computer what will be the code for the picture? I need to first upload it to the network?
You need to upload the picture to a photo sharing site like Tinypic or photobucket Lasse, or you could put it into a comment box on your page via the 'camera icon' and before you hit to leave the comment take the code that comes up.
Thanks very much....Another question...this code here that you gave us...

.xg_module_head {
background-color: transparent !important;
background-image:url(add your picture here);
background-position:center 0px;
background-repeat:no-repeat;
height:45px;
border: 6px inset #000000;
}

Add in my test page the image to the About Box and in the Box where my name is, not in the head of the page where the title is. What is happening?
That must be old code, sorry, try this one.
It's part of what I'm using now.

/* Main Background */
body {
background-color: transparent!important;
background-image:url(add picture here);
background-position:center 0px;
background-attachment:fixed;
background-repeat: repeat;
font-family: Georgia;
}
Yeahhhh...That IS what i was looking for...


Thanks again...

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

soaringeagle replied to Riccardo Rossini's discussion 'Please Ning staff'
"good"
31 minutes ago
Phil McCluskey replied to Riccardo Rossini's discussion 'Please Ning staff'
"We reverted this change and will give it another shot early next week. Apologies for the bugs and…"
2 hours ago

NC for Hire
JFarrow replied to John Bizley's discussion 'Has anyone else considered using a tab container for help files ?'
"this tip is infinitely useful to NCs John .. I've been doing something similar, but instead of…"
4 hours ago
soaringeagle replied to Riccardo Rossini's discussion 'Please Ning staff'
"category nav seems fixed  but custom page module still screwy but..great job on a very speredy…"
4 hours ago
Jelena replied to Riccardo Rossini's discussion 'Please Ning staff'
"Same as SE. That would be a problem with the Trademark name.."
6 hours ago
soaringeagle replied to Riccardo Rossini's discussion 'Please Ning staff'
"same on all sites its a bug"
6 hours ago
Jelena replied to Riccardo Rossini's discussion 'Please Ning staff'
"Hi Riccardo I see no navegation on your network"
6 hours ago
Aaron replied to Rainer Glaap's discussion 'Heartbleed, MITM - Security Issues'
"Thanks for bringing this up! As Rainer mentioned, Ning.com wasn't vulnerable to the Heartbleed…"
7 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service