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!
It looks like extra code snippets were added when you opened it to modify it than saved. Ever so often you need to go back in and delete the parts which look like this:
These code snippets are breaking up the code for your box and causing the problem. I noticed two places in your Footer Code which have the added <!-- Fragment. There are 7 in the first section of your code, and I counted 13 of them in the second fragment of your code. I suspect this is what is causing your problem with your Footer Exploding.
I hope this helps Harringay Online
The York Paranormals, exactly right, thanks for helping out.
You're welcome. I got it right purely because of you Jen. After you helped me get it down, I couldn't help but get it right.
Thanks! You're too kind. =)
You almost have to keep your HTML code in an external text file, edit, then copy/paste back to Ning. Your code just needs cleaning up.