New Social Groups page Layout - CSS only
 

The Social Group layout was changed for final release and this mod is really no longer needed. I will not be updating it any longer.

This new social groups layout is done purely through a CSS file - socialgroups2.css. The plugin simply appends the new CSS file to the socialgroups.css file link in the page.

If you change your stylevars or the CSS elsewhere for your custom style, you may need to modify the socialgroups2.css file for this to look right on your site. If you make your window small enough, it will make this go out of whack. If you don't like that, then this modification is not for you. A template mod could probably fix that issue, but I didn't want to modify the template - I just wanted to do this through CSS.

This mod is supported for the default style only as I am not willing to debug other's site CSS issues.

Attachment 106854


Version History:
1.0 2009-11-27: initial release by Lynne at vbulletin.org
1.1 2009-11-28: I forgot to actually add a condition for the options (my bad). Added a condition for IE to use the original layout.

To install:

1. Import product-lynne_socialgroup_layout.xml
2. Go to Settings > options > Social Group Options > Social Group Page Layout > Yes


To uninstall:

1. Uninstall "Social Group Layout v4.0"


Works fine in firefox and Safari. The right-hand box is positioned strange (a scroll bar becomes visible) in IE 7 so I decided to just disable this layout if the user is using IE. (It's a strange bug in IE that has to do with using float and widths.)

Thanks Lynne .

I am very pro installed through the design thanks

Thanks installed.

Very nice way to give groups to not apear so similar. great work!

nice mod.

nice update Lynne! :)

The way of page layout is good, but I would like to do some changes.

1) How can I remove the group name from here?
2) How to fill the extra space?
3) Same as above.

Thanks.

Veer, all of those items are present in the default layout and have nothing to do with this modification - I didn't touch the css for them at all.

I just uploaded version 1.1. I had forgotten to actually included the option in the code (so no matter if it was set to Yes or No, you still got the new layout). So, I've added that and also added a condition for if the user is using IE, he gets the default layout instead of this one.

thanks