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!
LOL, happy it worked.
I didn't see this, so sorry. Did you get this sorted?
I have been working on trying to make a go with this code and the instructions but the outcome always floats totally to the left instead of centering in with the Page the way I had hoped it would. I guess I will just have to keep experimenting with it
If you can provide a link where it's installed, I'll take a look tomorrow.
Hello Jen. I am sorry it took me so long to get back on this. I had continued trying to work out the problem myself but Just couldn't seem to muster it. I hadn't wanted to leave the code in place until I could fix the problem I am experiencing. I am finally leaving it as is and sending you my URL. I don't know what else to do.
Looked and didn't catch quickly. I will look closer in about 30 minutes.
This is a tough one for me to test on your site, so many codes. If I remove all of the code from your bottom Instant Ad Box, and add the tip code, fresh - - it seems to work fine. But, I'm thinking your other CSS that refers to the footer will cause conflicts with the tip code.
Jen, I went in and removed all of my footer code except the code provided on this link: FooterLikeCreators_Content_BottomInstantAdBox_HTML_for_TIP.txt
I have tried it two ways and neither seemed to solve my problem. I tried adding the CSS to my advanced box, while totally deleting any footer CSS that was pre existing... Than added the footer-wrap code and the copyright js to the instant add box and saved that. It didn't fix it...
Next I tried once more adding it the way your instructions said to. I did this after removing all footer coding in my CSS advanced box and saved, than added the entire code to the Instant Add box and saved that... It still didn't fix it, and I am just bum fuzzled about how to get it to work.
Really sorry to hear it. I would like to see it installed without the other footer code. I can take another look if you do this.
Hello again. I have placed the code back in order with the CSS for the footer removed from my theme. I also tried doing it on my test network with a generic code from the ning presets, and got the exact same results that are there now. I will leave it so you get a chance to see it.
Gonna look now!