"Update 3" "Tip" Convert your three column profile to a two column profile and back again easily. It's now more compatible with the different networks on Ning + Groups and video Module fixes

[George H. Compton IV]

Completely removed the third column to make more room
for columns 1 and 2
adjust the size of column 1 and 2 to your liking
and Adjust the sizes of these two lines of code to match.

.xg_widget_profiles_profile_show .xg_2col iframe

.xg_widget_profiles_profile_show .xg_2col embed  

They are about halfway down in the code.
Just add this code to your advanced CSS in your design studio
and remove it to have your three columns back.
Simple as that :)

On some networks .xg_span-7 is .xg_span-5 so if the code doesn't work on your network you'll need to change the first line on this code to this.

.xg_widget_profiles_profile .xg_span-5
{display:none!important;}

you can also switch Sides that your profile picture is on just Switch the word  left to the word right on this line div#xg_layout_column_1{width:250px;float:left!important}

and switch this one from right to left on this one.
div#xg_layout_column_2{width:710px;float:right!important;}

Max width is specified  :) Embed and iframe .. now the videos will fill your comment box and your textbox

Created and tested on a single user profile
but If you'd like to use it on your whole network see my discussion "Remove the right Column from your Main page and all profiles on your entire network." or "Remove the right column from Just the profiles on your entire network"

if you would like to use this type of code on other networks such as meet me formally known as myyearbook just ask I've already written that code.

click this link to see a live preview

http://wellkunnected.com/profile/GeorgeCompton

click here Main page and all profiles

just the profiles on your entire network

For inbox notifications and such See Jen's discussion on adding those to your Ning bar

click here for Jen's discussion

<style>


.xg_widget_profiles_profile .xg_span-7
{display:none!important;}
div.xg_span-16, div.xg_3col {width: 975px!important;}
div#xg_layout_column_1{width:250px;float:left!important}
div#xg_layout_column_2{width:710px;float:right!important;}
div#xg_layout_column_3{width:0px!important;}

.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col img,
.xg_widget_profiles_profile_apps .xg_span-14 #xg_canvas .xg_3col .xg_2col img{
    max-width:645px!important;}
.xg_widget_profiles_profile_show .xg_2col embed {
    min-width: 680px!important;
}
.xg_widget_profiles_profile_show .xg_2col iframe {
    min-width: 640px!important;
    min-height: 375px!important;}
.xg_widget_profiles_profile_show .xg_module.module_photo .xj_embed_container embed {
    min-width: 700px!important;
    min-height: 515px!important;}

dl.comment{
border:none!important;
min-width:660px!important;
}
.xg_widget_profiles_profile_show .xg_module_comment_wall embed {
    min-width: 525px!important;
    min-height: 315px!important;
    float:left!important;

}

.xg_widget_profiles_profile_show .xg_module_comment_wall img {
    max-width: 458px!important;
}

DIV.xg_module.module_video DIV.xg_module_body.body_large UL.clist LII  {
     min-width: 190px!important;
     min-height: 75px!important;}

DIV.xg_module.module_groups LI.xg_lightborder  {
     min-width: 120px!important;
     min-height: 75px!important;}

DIV.xg_module.html_module.module_text.xg_reset embed{   
     min-width: 700px!important;
     min-height: 395px!important;}

</style>


<style>

.xg_widget_profiles_profile_show .xg_span-14 #xg_canvas .xg_3col .xg_2col img,
.xg_widget_profiles_profile_apps .xg_span-14 #xg_canvas .xg_3col .xg_2col img{
    max-width:645px!important;
}

</style>

 

video Preview Of how simple it is to go from three columns two using my code
From this

To this

 

 

 

 

[classic]

Possible to watch a living example and thank you

[George H. Compton IV]

of course here's my profile link

http://friendlyfaces.ning.com/profile/GeorgeCompton

[George H. Compton IV]

I just added a live video Preview using the code

[classic]

Thank you
This is beautiful
I have a query about your image these personal

How mobile made it on the site?

[George H. Compton IV]

I make all my own morph pictures.. and I make them for anyone That wants one..:-)

but if you would like an animated pictures on your network this is the code.  it's a redirecting script for images

<script type="text/javascript">
x$(document).ready(function(){
x$('img[src*="867103450.jpeg"]').attr('src', '---------');
});
</script>

Just replace this image name that you uploaded for your profile just the name 867103450.jpeg

and replace ----- these dots with your animated .gif image link

[classic]

That good
Thank you my friend

[Patrick Chappelle]

I hope you don't mind that I am more interested in this morphing profile pic thing, George. LOL

So you're saying, I upload an animated gif via my file manager, copy the image link, and place it into your code. Yes? Then I place that code into where? My custom code box? 

[George H. Compton IV]

 and I should say this is not my Script I'm not sure who originally wrote it but it is just a redirecting script..

Yes that is what I'm saying.  then right click  on your actual profile picture and Select  Properties..  find the name of your original picture and paste that name over this image name 867103450.jpeg..

yes then paste the code into the nc creators custom code Box.
Ning supports animated gifs with dimentions of 183 by 183 !!!!! very important!!!

[Patrick Chappelle]

Thank you kindly, George!

[George H. Compton IV]

Anytime Patrick and you're welcome classic :)

[soaringeagle]

u can do the same with a simple css animation fading 1 pic over another

i use it  in 1 of my ads (but dont work in ie)

[George H. Compton IV]

well this code does work for Firefox and Internet Explorer.  :)

I've noticed with a lot of the codes I use they don't work in Internet Explorer 8 if you're running Windows XP... and only three quarters or so of the codes I use Will work in Windows 7 Internet Explorer 9. ... so needless to say nobody should use Internet Explorer lmao