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

Forum

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

Update May 15, 2016,
The CSS portion has been completely rewritten. So now the CSS will work for anyone, whether they use the word body in the CSS or not. I also removed the glitch where it leaves the profile question with all the CSS in it. And I changed the words for the add CSS profile question, too many people were using the word style for other questions.

I've also added an option to turn the video MOD portion on or off for cell phones. It's a Major performance enhancement for cell phones. Right now I have it set to turn off at 1024px or less. The ad CSS for Profiles will still run on cell phones..

I've also written the code so the video MOD codes will not run unless your members add videos to the box in there profile settings.

One other thing you can completely turn off the video MOD & gframe and just use the add CSS to your profile feature.

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.0 -->
 <!-- Custom Code - End of Page Code box -->
<!--  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" or class="cell_off"
 * will turn the video MOD on or off for cell phones and portable devices 1024px or smaller *
 * ************************************  
 * Change the id and class to "null" to only have the CSS feature enabled *   
 *  -->
<script src="http://bit.ly/1sp5fvs" type="text/javascript" id="no_gf" class="cell_off"></script>

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

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

Join Ning Creators Social Network

Email me when people reply –

Replies

  • hi George can you do this for my site please 

    thank you

    • Of course I will Mary you have a great day. :)

      • ho thank you so much :) George  your a star :) as always 

    • Okay Mary go check out your profile. :)

      Click to go to YOUR PROFILE

      • ho thank you so much :) George  your a star :) as always 

        looks great, your great when come to codes and redesign sites   

        would you be able to sort out my n2 for me please , I have pm you 

        thank you  :)

  • NC for Hire

    A version that works on v2 Ning 3.0 themes has been on my portfolio site here for a while but I have also updated my original plugin on Creators as I had previously failed to do that.

    SP

    • That's great SweetPotato I will update this discussion to reflect that. :-)

      I was wondering when you're going to update your tip here on creators.

      • NC for Hire

        I don't tend to visit here so often for various reasons but this caught my eye so thought i'd update.

        SP

        • I've noticed you haven't been around along with a lot of other creators. Makes me sad. :-(

          Have you checked out the codes I wrote for this? What do you think about my codes and updates?

This reply was deleted.

Search the Creators Network

Latest Activity

Thisisbully replied to Thisisbully's discussion I'm losing members because of 1 silly feature
"Anything on this still have members that have no clue on how to post photos"
8 hours ago
Steve C replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Is there advanced search in 2.0 besides member search? I've never seen it and could really use it."
16 hours ago
Manuel Adame Jimenez replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hi, Kyryl, light works the way of your day, thank you, light.
☆♡☆"
17 hours ago
Kos replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Kyryl I have to say how wonderful it is to have liaison who understands CSS/HTML.  Just love it!"
19 hours ago
Kyryl_Ning_Support replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hi there,
Just put this into your custom CSS code field to center the video.
.videoDetailPage-video…"
19 hours ago
Alex replied to Fabricio Giugni's discussion Powered by Ning How to get it out?
"Yes, Glam Media forced it upon us against Ning's original policy. Originally Ning communities had t…"
20 hours ago
Kos replied to Kyryl_Ning_Support's discussion Chat Feature Update on Ning 3.0 is ready!
"They told me there's nothing wrong. *lol* Wrong!"
20 hours ago
doone replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Thanks, it works great for me."
21 hours ago
Fabricio Giugni replied to Fabricio Giugni's discussion Powered by Ning How to get it out?
"    Be a White label is the best for creators. Force us to have they ads on our website is like ter…"
22 hours ago
Manuel Adame Jimenez replied to Yana Ning Support's discussion Video Feature on Ning 3.0 is now available!
"Hello Kyryl, I put a screen shot, to ask you to leave the video to the center or that is option to…"
22 hours ago
Alex replied to Kyryl_Ning_Support's discussion Paid Access demo version
"I find it completely astonishing that any other type of paid access could even be contemplated, whe…"
23 hours ago
Mike Collins replied to Fabricio Giugni's discussion Powered by Ning How to get it out?
"Hi Kyryl,
This was something that Glam Media brought in and it was a real sticking point for many c…"
yesterday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Hi there!
Thanks to both of you for your suggestions to add the advanced search option.
As I see su…"
yesterday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Hi Kos,
We are really sorry that it was necessary to wait for such a long time to see this feature…"
yesterday
Mike Collins replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"Search is bringing up items from blogs/ discussions in private groups - please can this be changed…"
yesterday
Giovanni Cappai replied to Giovanni Cappai's discussion HTML under header not working :/
"Hi Kyryl, thanks for your reply. On firefox it works, on chrome still doesn't."
yesterday
Philip Voice replied to Kyryl_Ning_Support's discussion Chat Feature Update on Ning 3.0 is ready!
"I opened a private chat with one of my members yesterday. Nothing was typed in the chat by either o…"
yesterday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion Paid Access demo version
"Hi there!
Thanks for your feedback it is highly appreciated.
I have updated already existing sugges…"
yesterday
Kyryl_Ning_Support replied to Kyryl_Ning_Support's discussion Chat Feature Update on Ning 3.0 is ready!
"Hi there!
Thanks for useful suggestions! Some of them were completely new and some I have already p…"
yesterday
Philip Voice replied to Kyryl_Ning_Support's discussion The long-awaited Search Option is now at your fingertips!
"If anyone is interested if you want to do an off-grid search of your network (or any site) it's eas…"
yesterday
More…