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

6247577255?profile=RESIZE_710x6247588083?profile=RESIZE_584xSo here is a little tip so that non members cannot use the Social Buttons and when hovered over will display a message.

If you want to try it out just go to my site and find some some pages with Social Buttons On then hover over them and you will see the message. By the way If you have added my tips for hiding the profile stuff under the drop menu then this will still work as will display when you try to open the Social Menu.

My Site: https://jr-images.ning.com

First a little bit of custom code which goes in your Social Site Builder > Custom Code > End Of Page Section

<script>
x$(document).ready(function() {
if (ning.CurrentProfile === null){
x$('<div class="social-msg"></div>').prependTo('.entry-socialActions, .banner-socialActions, .socialActions');
}
});
</script>

Next some CSS which goes in your design studio custom css. If you do not want the Why not Sign Up Bit in the text then edit the css like this

Remove the parts in bold in this part

content: "MEMBER ONLY OPTION \A \A Why not sign up ?";

so it looks like this

content: "MEMBER ONLY OPTION";

 

/** NON MEMBER HOVER ON SOCIAL BUTTONS **/
.socialButtons, .entry-socialActions,
.banner-socialActions, .socialActions{
position:relative;
}
.social-msg{
position: absolute;
width: 100%;
height: 100%;
z-index: 999;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}

.social-msg:hover::before{
content: "MEMBER ONLY OPTION \A \A Why not sign up ?";
white-space: pre-wrap;
display: flex;
height:100px;
transition: All ease-in-out 300ms;
z-index:1000;
}
.social-msg::before {
content:" ";
display:flex;
height: 0px;
width: 250px;
background-color: rgba(65,105,225,0.85);
color: white;
border-radius: 10px;
transition: All ease-in-out 400ms;
align-content: center;
align-items: center;
justify-content: center;
box-shadow: 2px 4px 8px rgba(0,0,0,0.5);
z-index:1000;
position:absolute;
left:20px;
}

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

Join Ning Creators Social Network

Votes: 0
Email me when people reply –
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

José Luis Cuendia left a comment on Ning Networks en español
"I am the creator of the social network www.moldeandolaluz.com. When trying to enter the network it…"
1 hour ago
Anto updated their profile
11 hours ago
Rosas † Negras replied to Rosas † Negras's discussion
this is my mp3 player for my 3.0 i need to lower the player as per photo i ask for your help thanks
"thank you so much for always being a dear friend ... now comes the hardest part for me the…"
15 hours ago
Bizz replied to Bizz's discussion
Tip: Change + Custom Achievement Badges: UPDATED 15-06-20 WITH CODE + CUSTOM IMAGES
"Ok here is some updated code which I have tested on my site and works ok…"
16 hours ago
Bizz replied to Bizz's discussion
Tip: Change + Custom Achievement Badges: UPDATED 15-06-20 WITH CODE + CUSTOM IMAGES
"Looking into it for you, by the way is it just the one badge you want to change or multiple ? I ask…"
19 hours ago
Bizz replied to Rosas † Negras's discussion
this is my mp3 player for my 3.0 i need to lower the player as per photo i ask for your help thanks
"Your player at the moment is not responsive as you have set fixed widths so you also need to make…"
19 hours ago
Rosas † Negras posted a discussion
yesterday
Anto replied to Bizz's discussion
Tip: Change + Custom Achievement Badges: UPDATED 15-06-20 WITH CODE + CUSTOM IMAGES
"thank you Bizz
just sent it to you
 "
Tuesday
Anto and Bizz are now friends
Tuesday
Suzie Nielsen replied to J.Ayvar's discussion
69 Tips for your Ning 3 thanks to John Bizley
"WOW! Thanks, John Bizley and thanks for posting all of these wonderful tips!
 "
Monday
Ian knight liked Ana Massien's profile
Monday
Garfield Archivist replied to ⚡JFarrow⌁'s discussion
Silly Simple Solutions #5: Inject Youtube Subscribe Button under Videos in Ning
"JFarrow, you're the best. Here is a pic to honor your generosity. I simply used div.left-panel on…"
Saturday
More…

Meanwhile, you can check our social media channels