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

Kenny Craig updated their profile
yesterday
Isabella Wilson updated their profile
Thursday
Eva liked ⚡JFarrow⌁'s discussion What is going on with Ning? What Do We have to Look Forward To?
Jun 2
Eva liked Suave's discussion I AM LOOKING FOR DEVELOPER ASSISTANCE WITH ADDING AUTOMATIC MUSIC TO MY HOME PAGE
Jun 2
Alex - Rosas † Negras posted a discussion
Jun 1
Alex - Rosas † Negras posted a discussion
May 28
Alex - Rosas † Negras replied to Suave's discussion
I AM LOOKING FOR DEVELOPER ASSISTANCE WITH ADDING AUTOMATIC MUSIC TO MY HOME PAGE
"if you need I'm here, if you look in my discussions you will also find the playstil"
May 23
Alex - Rosas † Negras replied to ⚡JFarrow⌁'s discussion
What is going on with Ning? What Do We have to Look Forward To?
"Bizz ⚡JFarrow⌁ 
I'm sorry that many like us have worked so hard and given up, but at least I'm…"
May 23
⚡JFarrow⌁ posted a discussion
Back in the day, this community was jumping with activity.   But since the Ukraine war broke out we…
May 22
⚡JFarrow⌁ and Truebook are now friends
May 22
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I want to thank JOHN BIZLEY ( BIZZ) for his invaluable help, active icons on the Ning bar,CODES ADDED
"A thousand thanks"
May 20
Alex - Rosas † Negras replied to Pam Givens's discussion
Landing Page
"Pam Givens this is an example i created of an old 3.0 site"
May 20
More…

Meanwhile, you can check our social media channels