JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Columns layout

Here are 2 codes that I have found(and use) for changing the column layout on the home page:
1.This code is for making the layout of the home page columns change from the default layout to: Wide column.. Left Narrow...Right Narrow
The Left column will move to the other side of the wide column. Copy this code into the Advanced Option on the Appearance Page.

#homelayout div.col {
float:right; }
.xg_widget_main_index
.xg_3col .xg_1col {
float:right;
margin-left:0;
}
#homelayout div.col2 {
float:left;
margin-left:0;
}
#homelayout div.col1 {
margin-right:115px;
margin-left:-230px;
}
*html#homelayout div.col1 {
margin-right:0;
}

2.This code is for making the home page column layout to: Wide column...Right column
please make sure that you move everything from the left column to either the wide colum or to the right column; as the information in the left column will disappear from the home page (it will still be shown in the Features Page, but in the remove box). (also: some have reported problems with this layout..so far I haven't)

.xg_widget_main_index_index .xg_3col .xg_1col {
display:none;
}
.xg_widget_main_index_index .xg_3col .xg_2col {
width:747px;
margin-left:0;
padding:0;
}
.xg_widget_main_index_index .xg_3col .xg_2col img {
max-width:737px;
_width:expression(this.width > 737 ? 737: true);
}
.xg_widget_main_index_index .xg_3col .xg_2col .xg_reset img {
max-width:721px;
_width:expression(this.width > 721 ? 721: true);
}

Hope this helps you!

0 members favorited this

Replies to This Discussion

Permalink Reply by JenSocial on June 15, 2009 at 1:40pm

Excellent tip, too. This one I hadn't added due to possible confusion and complications. I think you've given the proper "approach with caution." ;-)
Thanks!
Jen

Permalink Reply by The Hidden Dimension on June 20, 2009 at 12:20pm

My site looks "new" and "different" :D
Thanks a lot!

Permalink Reply by Chilli Dog Sniffing on June 27, 2009 at 9:10pm

but how do you make a text box in this new wider column grow to the new size? My text boxes still have the same width as from before I took away the left column?

Permalink Reply by esvareeDOTcom on September 18, 2009 at 9:50pm

ok..is there a way to make the videos, members and photo players wide? so that they can fit the wide column nicely? because now they occupy only 0.8 of the wide column, and it doesnt look nice. :(

Permalink Reply by Rainbow Construction on September 29, 2009 at 8:54am

Here you go....will send it in a message too, but posted here for others who need it :D

.module_photo{
width:200px;
}
.music{
width:200px;
}
.module_video{
width:200px;
}

I set them each at 200px just to make the code, but you will need to change that to whatever size you need.

esvareeDOTcom said:

ok..is there a way to make the videos, members and photo players wide? so that they can fit the wide column nicely? because now they occupy only 0.8 of the wide column, and it doesnt look nice. :(

Permalink Reply by esvareeDOTcom on September 29, 2009 at 9:23am

ok...i tried the code out.. and only the .music works, the rest it only increases the boarder of the module. i dont want to increase the boarder, but i want those thumbnails inside the boarder to fit in nicely without leaving space, just like the original middle column. lol, i dont know if i make any sense, but i hope you get me :-)

Rainbow Construction said:

Here you go....will send it in a message too, but posted here for others who need it :D

.module_photo{
width:200px;
}
.music{
width:200px;
}
.module_video{
width:200px;
}

I set them each at 200px just to make the code, but you will need to change that to whatever size you need.

esvareeDOTcom said:
ok..is there a way to make the videos, members and photo players wide? so that they can fit the wide column nicely? because now they occupy only 0.8 of the wide column, and it doesnt look nice. :(

Permalink Reply by 50's Chatters on November 5, 2009 at 10:56am

.clist { display:inline; }

esvareeDOTcom said:

ok..is there a way to make the videos, members and photo players wide? so that they can fit the wide column nicely? because now they occupy only 0.8 of the wide column, and it doesnt look nice. :(

Permalink Reply by ISN (Yshatar) on June 14, 2011 at 10:55pm