Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
Add a Footer like Creators.ning.com - - overall look and feel, for Ning 3.0!
A few notes first:
Below is an example of the Footer like Creators.ning.com, and the results of the code from this tip.
I have documented the HTML. It's easy to edit, just look for my comment lines as your lead to change colors, fonts, etc... I have written this so all code goes in the "Above Footer HTML Box" (previously known as our "Bottom Instant Ad Box"). You will not have to add any code to Advanced CSS or Custom Code Box.
For more tips and support of this quality, join us on JenSocial, in our Ning 2.0 VIP Club for Ning Tips! Watch for the new Ning 3.0 VIP Club, coming soon!
Obviously as of the writing of this tip, there hasn't been much time to test this code in Ning 3.0. Let me know if you experience any issues.
I hope you enjoy this tip!
James and Mysticpagan,
Not sure how to fix this. The color works for me. Are you both saying that if you add the color like this, it won't work?
I applied it to the overall box, so we had a nice amount of padding above and below, instead of the #xg_foot. Although, it's not covering the area it should according to Firebug. There's still more background below it, that I would have thought would be the same color I set for this.
Let me know, want to get this fixed for you all. Meantime, I will update Text File so there is no empty CSS property. =)
Thank you, but won't help with this really. Crazy question: Did you save your change? I changed my live and it's working. But the first time, somehow I didn't save my background color change.
I'll get you all the correct CSS, soon.
Sorry I missed that mistake.
James, Goodness, talking about a weird mistake. Soon as I get done with deadline in about 2 hours, I'll take care of this - - maybe before!
Cool! I was going to rework the 2.0 tip myself this weekend and share it when you made the new group. Thanks my dear :)
Hi Fire-Tech! Thanks for thinking of this.
OK this is the third I've sent this response. Where are they? I have the color in place. Forgot the #. Can't set transparency. Using : opacity: 0.7; placed after bg color setting. No joy. Any ideas?
I've got egg on my face. Not only did forget the # sign I forgot/lost the ending semi-colon. With that in place it works beautifully. Can I place the blame on the tiny box we have to work with in Firefox? I'll bet I did the same before when I was working on it on my own a week ago. ...geez...
Thanks again for this update for 3.0 .....oh, oh , omg...
Thanks for the update. Don't feel bad. I left out the color altogether, remember? I have no idea how that happened. LOL And yeah, the tiny box is insane.
Happy it worked out!
Thank you so much for converting this awesome tip! Many of my help pages are linked to my footer. I will be tackling this again in my 3.0 once things settle down at school. Can't wait to get it up and running!! :)
Hi Writer Chick,
Thanks for the feedback!
Have a nice weekend,