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

Give your members the ability to add videos and CSS styles to their profile!!!

Update JUN 12, 2018

Note ( if you're using my gframe code for fluent videos on your network remove it and just change the ID in the JavaScript below to id="gframe" )

I've updated, enhanced & integrated AnGella and SweetPotatos codes into my codes.  Click here   or  here  to see it live. If you're at work turn your volume down I do have a video set to autoplay.
Be sure to go to AnGella and SweetPotatos tip and thank them for the work they have done.  Both their tips have been updated here on creators so if you'd rather use there tip it's all good :)

First you'll need to set up the (profile questions) then add the (about module)  to a (tab Container) on your profiles.

Setting up the two questions

These two profile questions should be the first two questions out of all questions you're using for your network. You can easily drag them up to the top of the list to make them questions one and two. Don't worry these two questions will not display while signing up to the network, they'll only display in the members profile options.

AnGellas Add CSS to Member Profiles
Ning 3.0 Tip: Add CSS to Member Profiles Do not use the code from AnGella tip If you're going to use my codes..

Setup Question 1) To add this feature to your Ning 3.0 site you will need to add a profile question that contains the words "add CSS".It is case-sensitive.  You will want to set the answer to use the Long Answer option. Make sure you do not set the question to "required" or "private" because this question doesn't display during sign-up.

Example:  Style Profile, add CSS codes

SweetPotato's "Profile Embed" 
Ning 3.0 Tip: Insert Videos and Music Players on Profile Pages Do not use the code from SweetPotatos tip If you're going to use my codes.

Setup Question 2)  Add a Profile Question to your Ning 3.0 site. Make it a "Website Address" answer and you MUST include the word 'embed' in your question. Make sure you do not set the question to "required" or "private" because this question doesn't display during sign-up.

Example: Add videos, <iframe embed code

 

The "Profile Style, add CSS codes" question should be added before the "Add videos, <iframe embed code" question. These two profile questions should be the first two questions out of all questions you're using for your network. You can easily drag them up to the top of the list to make them questions one and two.

Note ( if you're using my gframe code for fluent videos on your network remove it and just change the ID in the JavaScript below to id="gframe" )

The Code

This code  go's in your  ( Custom Code - End of Page Code box )


<!-- Start GEOCOM's "Embed Mod" RT v13.4 -->
<!--  JavaScript #id & class calls *
 * id="no_gf" = MOD  " Fluid videos only in the mod DIV "
 * id="gframe" = MOD + gframe v11.5, Fluid videos throughout your whole network *   
 * ************************************  
 * class="cell_on UFOan" or class="cell_off UFOan"
 * will turn the video MOD on or off for cell phones and portable devices 1024px or smaller *
 * ************************************  
 * theme Any = add to the class (  UFOan , Origan , Botan , Topan or Bot2an  ) *
 * ************************************  
 * Change the "id" and "class" to "null" to only have the CSS feature enabled *  
 *  -->
<script src="https://bit.ly/2zvqAIE" type="text/javascript" id="gframe" class="cell_on UFOan"></script>


<style>
HTML body DIV.central-content .activityFeed-embed[data-type="video"] > .activityFeed-embedContent, HTML body DIV.central-content .activityFeed-embed[data-provider="SoundCloud"] > .activityFeed-embedContent {
padding-bottom: 15px !important;
}

HTML BODY .fluidvids-item {
position: absolute!important;
}
</style>

After the questions & codes are added you and your members will be able to style and add videos to your profile.

Go to your profile, press the option button and select edit profile to style your profile and add videos.

Click here   or  here  to see it live.

NEW MOD

GEO_mod_RT_v13.2_5xAN

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 –

Replies

          • NC for Hire
            Too much negativity and not enough positive responses to tips that we put a lot of time and effort into to solve people's genuine issues. I tend to add tips to my own site or just to build plugins for people who want something and pay for it. Sad indeed.
            I've not had time to check it out yet George, but it looks nice from the screencap.
            SP
            • Exactly

            • I couldn't agree more SP!!!  I did quit writing tips for Ning networks for a few months but I got bored . LOL You have a great day :-)

  • Looks good George :)

  • Wow fantastic effect :)
    • Thank you Jelena :)  That effect will not be found anywhere else on the Internet. I wrote that a couple years ago. I've only used it in a couple different projects so it's never been released to the public until now. It is done with CSS, but it's not CSS animation It's more of a forced animation using margins. If you look at the codes for this animation, you'll probably scratch your head and wonder how is this working. LOL

      Great to see you again, you have a great day. :-)

      • Hello dear George. I see how difficult can be for people like me ;) to understanding some or also 95% of the codes. You always come with new ideas to sharing with us. You're great person and you know that. Thank you for everything. Great to see you again too, have a great day too.

  • Updated 01-13-2015. Fix the YouTube z-index issue in ie. YouTube and other videos will not show through the embed module in IE anymore.

    Here's the code I added to fix that issue.

    <script type="text/javascript">
    var $j = jQuery.noConflict();
    jQuery(document).ready(function($j){
      $j('iframe').each(function() {    var url = $j(this).attr("src");     if ($j(this).attr("src").indexOf("?") > 0) {        $j(this).attr({          "src" : url + "&wmode=transparent",          "wmode" : "Opaque"        });      }      else {        $j(this).attr({          "src" : url + "?wmode=transparent",           "wmode" : "Opaque"        });  }  }); });
    </script>

  • NC for Hire

    nice work George! 

This reply was deleted.
 

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

LEO Mobile App Builder updated their profile
Tuesday
Aase Lillian replied to Aase Lillian's discussion
Community - activity page
"Ok, thank you. Please send me details as I have no idea on how to do it. "
Mar 19
Aase Lillian and ⚡JFarrow⌁ are now friends
NC for Hire
Mar 19
⚡JFarrow⌁ updated their profile photo
Mar 18
⚡JFarrow⌁ replied to Aase Lillian's discussion
Community - activity page
"Yes you can add emojis to your community pretty much anywhere you like.
If you need some help…"
Mar 18
Aase Lillian updated their profile
Mar 18
Aase Lillian posted a discussion
Hi all. Is it possible to add emojis to the community? I also wish the activity page to include…
Mar 18
Donna MacShoe updated their profile photo
Mar 6
Adul Rodri is now friends with ANGE.L LUAR and Margarida Maria Madruga
Feb 14
Shweta Sharma updated their profile
Jan 26
catherine martin updated their profile
Jan 16
Donna MacShoe updated their profile photo
Jan 15
More…

Meanwhile, you can check our social media channels