Add Floating Home Button - Easy Access to Home Page When Menu Navigation Not Visible

Floating Home Button: 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://storage.ning.com/topology/rest/1.0/file/get/133548489?profile=original" 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>

 

Enjoy,

Jen

Views: 1652

Reply to This

Replies to This Discussion

not ok

What's wrong?

Best,

Jen

sorry jen 

now  ok.

Great!

=)

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips