Current status of the Ning Platform is always available on the Ning Status Blog.

Forum

NC for Hire

Floating Home Button: This is a simple little tip. =) In the past I had a home button installed in a bottom menu bar (JenBar) that was always visible, even when the Menu Navigation wasn't. The bar wasn't good for the new JenSocial Design, so I lost the button. When I'm working on my own site, it bugs me when I have to scroll up page to access the Home Page. I decided to add a floating "home" button with link to the home page.

 

Installation Instructions:

  • If you would like to do the same, copy and paste the following code into your Custom Code Box via: My Network/Tools/Custom Code.
  • The script will remove the button from the actual home page.
  • Oops! You will need to copy code from the following text file. I forgot the platform strips position:fixed, and changes to xg-p:fixed.
  • homebutton.txt

 Code Below for Overview - - use homebutton.txt for your copy/paste.

<div class="jenhome"><a href="/" title="Home"><img src="http://api.ning.com:80/files/DqaYw0w2aP9SouNhoMAmJS5mkdOzEmlXBd2qhwFelpy4UWcLfh9OFuyXb4irmXApbq0CjiF-W2BUtSYaEJh-66uBchl*mogz/1059731982.png" alt="Home" style="z-index:999;xg-p:fixed;top:208px;right:0px;"></a></div>
<script type="text/javascript" language="javascript">
x$(document).ready(function() {
if (x$("div.xg_widget_main_index_index").length > 0) {
x$('div.jenhome').css('display','none');
}
});
</script>

 

For more Ning Tips & Tricks, check out JenSocial. You'll find a ton of great tips under archived Ning Tips, too.

Enjoy,

Jen

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • thanks Jen

  • thanx modified it just watching you write code learning experience always... !

    like adding style="border-radius: " to images box-shadow etc... DANG !!!

    • NC for Hire

      Good deal!

      • This reply was deleted.
        • NC for Hire

          Armani,

          Did you make sure you used text file for the code? Make sure the xg-p:fixed; uses "position:fixed;", without the quotes.

          Best,

          Jen

          • This reply was deleted.
            • NC for Hire

              I need to see the live code. Link?

              =)

          • This reply was deleted.
            • NC for Hire

              @Armani, Looks very nice.

              =)

  • Good work jen

    • NC for Hire

      Happy you like it - - an easy breezy one. =)

      • This reply was deleted.
        • NC for Hire

          I sent a pm.

          Thanks,

          Jen

  • This is great - thanks Jen :) 

This reply was deleted.

Search the Creators Network

Latest Activity

Ning via Facebook

Holiday Hours: While our technical support phone lines will be closed for a holiday break…

Ning via Facebook

NETWORK COMMUNITY SPOTLIGHT: MY MODERN MET December’s Ning 3.0 Community Spotlight falls…

Ning via Facebook

NETWORK COMMUNITY SPOTLIGHT: FUELTOPIA This month’s Ning 3.0 Community Spotlight is on…

Ning via Facebook

Hi all! The JavaScript issue that networks were experiencing earlier today has been resolved:…

Ning via Facebook

3 Reasons Community Needs a Process Driven Approach http://ow.ly/BZqRg

Ning via Facebook

A Basic Online Community Wireframe http://ow.ly/BZqk4

A Basic…

Ning via Facebook

Psychological impact of interactions http://ow.ly/BZpam

The…

Ning via Facebook

How To Help Your Members Overcome Their Fear Of Starting Discussions http://ow.ly/BZnDv

Ning via Facebook

4 Types of Contributions You Want Your Members to Make http://ow.ly/BZnh8

Ning via Facebook

Measuring the ROI of Online Communities http://ow.ly/BZmHK

Ning via Facebook

Why Ambiverts Make Great Community Managers http://ow.ly/AxrAv

Ning via Facebook

How to make paid search pay off http://ow.ly/Axre1

How To…

Ning via Facebook

Measuring An Online Community http://ow.ly/Axr2o

Measuring An…

Ning via Facebook

How you should be spending your time doing PPC http://ow.ly/AxqQ1

Ning via Facebook

Designing The Perfect Newcomer To Regular Journey Part 5 http://ow.ly/AxqEC

Ning via Facebook

Designing The Perfect Newcomer To Regular Journey Part 4 http://ow.ly/Axqx3

Ning via Facebook

Designing The Perfect Newcomer To Regular Journey Part 3 http://ow.ly/AxqmN

Ning via Facebook

The 5 Worst Community Guidelines http://ow.ly/zbR0z

The 5…

Ning via Facebook

Big Launch Syndrome http://ow.ly/zbQTf

Big Launch…

Ning via Facebook

Back to School Community Reading http://ow.ly/zbQJh

Back to…

More…