Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
Give it a rest already! ...(Your pointer finger that is)...
I get tired of constantly scrolling and having to go to the top of the page to get to my tabs while working on my site. One of my favorite tips I got from Jensocial is for floating images. It's a great way to show content on every page (or use to get around). Be sure to read the original post on JS for more info.
Here's an example of the Floating Quick Navigation I made to zip around and give the old pointer finger a little break.
I made buttons to go to the top of the page, back a page, go to the home page, go to my profile page and go to the bottom of the page (along with an icon tray so the buttons have a common background. Remove it if you want). The codes are very simple so they play nice with others, but I'm sure you could use Jens' animated scroll and my image source if you wanted to. Though we are somewhat of a dysfunctional family sometimes, most are eager to help each other.....so here's a small contribution from me if you are interested:
I made a few versions so you can pick something that works for you. If you want to change the icons or tray, click on the image you like, copy the URL and replace the image source in the existing code.
I have also attached a text file & button to "Go Forward" if you would rather use it in lieu of one of the other buttons.
If you use this tip, post a link to your site or a screenshot if it's a private network. I'd love to see how it looks on other themes! Enjoy!
Optional Images
Icon Trays:
Blue (#0d1962):
Dark Gray (#333333):
Pink (#be1176):
Red (#bf0000):
Tags:
I prefer without the icon tray background. Its more lighter weight buttons. I tried to put a different image for incioo if a customer would like to have a small 50x50 px advertising but would not let me change the URL of the image. Is possible to modify?
Yes, you can change the image by uploading one to your File Manager (or Blog). Copy the url of the new uploaded image and replace the image reference in the code I'm using.
If you are looking to do a simple advertisement with an image, maybe try Jens original code and change the link URL to the site that pays you for the ad.
Hope that helps :)
Welcome to
JenSocial: Social Web Directory and Ning Tips
Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments 1 Favorite
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Started by Themes - Rosas Negras Mar 20, 2021. 0 Replies 0 Favorites
Started by JenSocial. Last reply by Kos Dec 6, 2016. 64 Replies 4 Favorites
Started by JenSocial. Last reply by JenSocial Jul 26, 2016. 41 Replies 1 Favorite
© 2024 Created by JenSocial. Powered by
© Copyright JenSocial.