Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

How to add a module background image?

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.ThanksPS: 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.

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • 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?
This reply was deleted.

Search the Creators Network

Latest Activity

Writer Chick {Diane} replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"The TWilight saga one is still there.  They've changed their domain name to thetwilightsagacommunit…"
17 minutes ago
Tim Atkinson replied to Tim Atkinson's discussion My letter to Bernard Desarnauts, SVP & GM, Ning
"I have also cc'd in Phil McCluskey, late of this parish...."
1 hour ago
Scott Bishop replied to Allison Leahy's discussion What are you most excited about?
"Could not have said that any better Strumelia. It's sad that N3'ers just don't get it. "
1 hour ago
Edie2k2 replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Hilarious. Strumelia you are wrong for making me laugh so hard. So wrong...smh *laughing* Right no…"
3 hours ago
Strumelia replied to Gary Cobb's discussion WHAT'S UP WITH NING 3.0
"My 4000 very active members are passionate about my 5 year old Network.
I persevere for their sake:…"
3 hours ago
Strumelia replied to Ning's discussion Update to Product Roadmap and Communication Changes
"A new lonely response to some poor soul, from Ning on their FB page today:




Foxx B Crea
Yesterda…"
3 hours ago
Gary Cobb replied to Gary Cobb's discussion WHAT'S UP WITH NING 3.0
"Love your humour Strumelia.. and your passion and perseverance on Creators. "
3 hours ago
Strumelia replied to Gary Cobb's discussion WHAT'S UP WITH NING 3.0
"Gary, it's not just a UK thing-  you are not the first person to post here about that.  Yes it does…"
3 hours ago
Strumelia replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"Yep, pretty much dead as a doornail.
Check out the main page- too funny!-  their site banner reads…"
3 hours ago
Strumelia replied to Allison Leahy's discussion What are you most excited about?
""Ning 2 will not run along side Ning 3. Ning 2 is going to stop, dead, no more, the end."
Steve,  2…"
3 hours ago
Strumelia replied to Allison Leahy's discussion What are you most excited about?
"I would need a video feature like I have in my 2.0-  where it's my thousands of members who add the…"
4 hours ago
Strumelia replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"Elson i did get some awesome support a few weeks ago on my 2.0 to solve an archiving problem.  The…"
4 hours ago
Strumelia replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"Curtis don't be afraid to tell us how you really feel.    =8-o    lol... "
4 hours ago
Tim Atkinson replied to Gary Cobb's discussion WHAT'S UP WITH NING 3.0
"Glad it's not just me - think that every time I see it!"
5 hours ago
steve replied to Allison Leahy's discussion What are you most excited about?
"N2 will not continue on, unless someone is going to sell the software once its no longer in use,,,…"
5 hours ago
Ana Jovanovic and Eve Bellator joined Ning Creators Network
5 hours ago
SweetPotato replied to Kos's discussion OK Ning Wizards - I Need Your Help
"Kos,If you're still struggling with this (or haven't already paid for the work elsewhere), then I'v…"
5 hours ago
SweetPotato replied to Allison Leahy's discussion What are you most excited about?
"I am working on a Ning 3.0 hack that lets users upload videos. The problem is a standard format tha…"
6 hours ago
Scott Bishop replied to Allison Leahy's discussion What are you most excited about?
"That's a great point, both Strumela and SweetPatato. This is why N2 responsive design rocks. N2 wil…"
7 hours ago
Elson Tan replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"I bet there is literally no dev team left in Ning, only one or two programmers doing bug fixes, tha…"
8 hours ago
More…