Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
Add a Footer like Creators.ning.com - - overall look and feel.
A few notes first:
Below is an example of the Footer like Creators.ning.com, and the results of the code from this tip.
Writer Chick inspired me to get this done! =) I have documented the HTML as clearly as possible. When you first look at the code, it may look overwhelming. But trust me, it's easy to edit. I have written this so all code goes in the Bottom Instant Ad Box. You will not have to add any code to Advanced CSS or Custom Code Box.
Since I am including the CSS in the Instant Ad Box, it should load faster, not take up space in your Advanced CSS, and hopefully override Custom Profile Page settings.
Instructions to add Bottom Instant Ad Box:
I could have left out the ability to change the attributes like color, font-family, font-size for: Column Header, Links, background color, etc... It would make it easier to install, but much less control over your look.
For more tips and support of this quality, join us on JenSocial, in our VIP Club for Ning Tips!
I hope you enjoy this tip!
I really have no idea what's affecting this. If you want, install on your test site. Send me a private message with Admin signin credentials. I'll see if I can find the problem - - if I can do it within 20 minutes. =)
Good news! I think we have it. Go to your test site and take a look. I think what happened, you're still on the old Ning Editor. It is adding a float:left to xg_foot. This is all I changed:
I went to your Advanced CSS and added this - - at very top so you can easily find it:
Keep me posted,
You're the best Jen. Thank You Bunches. I am absolutely thrilled with the results. You Rock!
Great! Happy it worked out. Thank you for the feedback.
I am dropping by to say thanks again. The new footer is in place and I did a special thank you to you in it which links back to JenSocial. I will slowly be modifying it as I decide how I want the links to be, but it is active and looks great thanks to your help.
I added this to my site introasian.com and all is good....just couple questions
1) Im not a html/css expert......but can I tighten up the vertical spacing between the bottom of my page background and top of the footer links? Also tighten up the spacing between Footer Headers and the links?
2) Since this is added into the ad box, do you know if google ignore these links when crawling the pages?
I went to your site and started looking at the CSS. I was able to tighten up the footer box with bottom of your content, but can't look at the CSS for the space between the header titles and links. Your site keeps locking up my page for some reason. Be careful not to cover up your Edit button for the Ad Box:
Google should find the links like any content on the page.
Thank you Jen...that worked nicely!! :)
So the spacing between Titles and links is controlled in the CSS and not the added code?
strange your page was getting locked up....havent heard any issues like that from my members.
Wanted to thank you again for your site....usually find all my answers here.
I know with this 3.0 thingy grrr.....ill be here a lot more in the near future
Have a great weekend!
I could get into today. Try this for spacing between the header title and links. On this one, you need to find the old code if possible, and replace the one line.
Yes ... feel this looks better now for my site...Thank you again Jen!
Aiee - My footer which has been working fine for years has just exploded it's code all over my website. Is this something Ning have done? Any fix?
Code attached as pdf (It looks awful so I took it down)