Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
Add Logo to Ning Bar - (collaborative efforts of Jen and Kris)
Kris of Bikerspost.com wrote tonight and asked how to add his logo to his NingBar. Kris is a Design Client, and a VIP Member of JenSocial. So, I was happy to share this code with him. Ironically I had already written the code for the new design for JenSocial - - coming soon! We discussed behind the scenes and decided we'd share with everyone.
Important Note: If you are using the tip for adding the SignIn Box links to your NingBar, this will not format correctly.
Instructions:
Be sure to see the awesome tip Kris offered to add logo to your SignIn Box.
Have fun!
Jen and Kris
Tags: add logo to ningbar, logo, logo in ningbar, ning bar, ningbar
Permalink Reply by Dautov Yerdos on May 26, 2012 at 2:30pm Hello, Jen!
Yesterday I tried your code to move the logo on ningbar.
But today I have an emergency, my site has turned upside down, everything was destroyed!
PLEASE HELP ME!!!
Kind Regards
Yerdos http://dosspace.com
BEFORE
AFTER
Permalink Reply by JenSocial on May 26, 2012 at 3:00pm If everything is destroyed, please remove the code. It probably has to do with the signin box links in NingBar. The tip specifies that this will not work with that tip code.
Important Note: If you are using the tip for adding the SignIn Box links to your NingBar, this will not format correctly.
Best Regards,
Jen
Permalink Reply by JenSocial on May 26, 2012 at 3:02pm Also, if you do remove this code and your site is still messed up, I can guarantee that it hasn't anything to do with this code. Try to remember if you happened to change anything else, too.
Hope that helps,
Jen
Permalink Reply by Dautov Yerdos on May 26, 2012 at 4:37pm Hello again Jen ,
I tried everything but nothing helps!
Permalink Reply by JenSocial on May 26, 2012 at 4:47pm Yerdo,
If you used the code in this tip, and you completely removed it, and you are still having issues, it is another problem. Please make sure you have removed all of this code. To be honest, I can't see how this code could cause what you've shown in your screen shot. If anything, it would have just caused the Ning Bar formatting to be off.
Best,
Jen
Permalink Reply by JenSocial on May 26, 2012 at 4:48pm Just looked, and it looked nice for me. Hang on and I will add screen shot.
Permalink Reply by Dautov Yerdos on May 26, 2012 at 5:40pm THANK YOU JEN!
YOU ANGEL, YOU ARE BEST!!!
THATS WORK!!!
THANK YOU VERY MUCH!!!)))))))
Permalink Reply by Glenn Lynch on June 5, 2012 at 12:45pm Hey Jen and Kris!
I'm loving the tip but im having problems:
I was just going through my pictures in Factface and then I encounter this when I click on slide show:
I have another code to add a shadow to the ning bar but when I remove it, it still happens! Plz help!
Also what if I want the logo to fit inside the measurement i want without the extra space below the logo like this:

Permalink Reply by Steve G on January 2, 2013 at 1:32pm Hi Jen
I managed to implement this successfully into the ning bar - however now I've deleted the header, the network name/header displays underneath the ning bar now and the navigation bar is only displayed across half the page instead of the entire width of the site.
Any ideas of how I get rid of the network header name and also get the menu to display across width of the page?
http://midnightmadnessning.com
Thanks
Steve



Started by JenSocial. Last reply by English WorldWide Apr 18. 35 Replies 0 Favorites
Started by JenSocial. Last reply by Mandy P. Mar 6. 13 Replies 0 Favorites
Started by Fire-Tech. Last reply by Fire-Tech Feb 18. 14 Replies 3 Favorites
© 2013 Created by JenSocial.
Powered by
© Copyright JenSocial.

Hi Glenn!
I left this answer on Creators, too. =)
I'm finding this to be a challenge too, when you use a larger image with link. I have a possible solution. Just make sure, you can see logo signed out and signed in. Don't forget that signed out will need a hard refresh or wait a few minutes. You won't be able to test signed out from test site environment. Be sure to make your xn_bar height appropriate in height.
ALTERNATE CODE:
Let me know how this goes.
Best,
Jen