Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
New Social Groups page Layout - CSS only Details »
New Social Groups page Layout - CSS only
Mod Version: 1.1, by Lynne (Coder/Designer) Lynne is offline
Developer Last Online: Nov 2017 I like it Show Printable Version Email this Page

vB Version: 4.0.0 Rating: (0 vote - 0 average) Installs: 26
Released: 28 Nov 2009 Last Update: 28 Nov 2009 Downloads: 194
Not Supported Uses Plugins Re-usable Code Translations  

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.)

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	sg_layout_vb4.png
Views:	2012
Size:	115.8 KB
ID:	106854  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Social Group and Album Enhancements New Social Groups page layout Lynne vBulletin 3.8 Template Modifications 109 21 Jun 2011 09:35
Social Group and Album Enhancements Better Social Groups Layout C.Birch vBulletin 3.7 Template Modifications 135 29 Oct 2010 04:18

Comments
  #2  
Old 28 Nov 2009, 01:39
bart6767 bart6767 is offline
 
Join Date: Aug 2008
Thanks Lynne .
Reply With Quote
  #3  
Old 28 Nov 2009, 03:53
elwachiman's Avatar
elwachiman elwachiman is offline
 
Join Date: Nov 2009
Real name: madman
I am very pro installed through the design thanks
__________________
Elwachiman.com
Reply With Quote
  #4  
Old 28 Nov 2009, 03:59
Charlie98902 Charlie98902 is offline
 
Join Date: Dec 2006
Thanks installed.
Reply With Quote
  #5  
Old 28 Nov 2009, 04:22
Zaiaku's Avatar
Zaiaku Zaiaku is offline
 
Join Date: Jul 2007
Very nice way to give groups to not apear so similar. great work!
__________________
Live everyday as if it was your last, because one day it just may be.
Reply With Quote
  #6  
Old 28 Nov 2009, 06:08
saviola8x's Avatar
saviola8x saviola8x is offline
 
Join Date: May 2006
nice mod.
__________________
Facebook Vietnam
Reply With Quote
  #7  
Old 28 Nov 2009, 06:16
Brandon Sheley's Avatar
Brandon Sheley Brandon Sheley is offline
 
Join Date: Mar 2005
Real name: Brandon
nice update Lynne!
__________________
I've been offering vBulletin Support and Wordpress Optimization for 10+ years, Contact me if you have questions.
Check out The Best Forum Ever if you get bored.
Reply With Quote
  #8  
Old 28 Nov 2009, 06:36
Veer Veer is offline
 
Join Date: Feb 2006
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.
Attached Images
File Type: png sg_layout_vb4.png (113.8 KB, 61 views)
Reply With Quote
  #9  
Old 28 Nov 2009, 15:48
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
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.
__________________
Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #10  
Old 29 Nov 2009, 23:31
SİMAR's Avatar
SİMAR SİMAR is offline
 
Join Date: Jun 2009
Real name: SİMAR
thanks
__________________
WwW.Stadt-Lahr.Com---www.stadt-lahr.com
Reply With Quote
  #11  
Old 01 Dec 2009, 13:59
Dr.osamA's Avatar
Dr.osamA Dr.osamA is offline
 
Join Date: Aug 2004
Location: Syrie
Real name: Dr.osama
try

thnxxx

brb
________
Pornstars cleo

Last edited by Dr.osamA; 04 Apr 2011 at 01:21.
Reply With Quote
  #12  
Old 23 Dec 2009, 01:01
compact123 compact123 is offline
 
Join Date: Jun 2006
wow this is nice idea thanks for mod =)
Reply With Quote
  #13  
Old 30 Dec 2009, 15:58
Charlie98902 Charlie98902 is offline
 
Join Date: Dec 2006
I am using Lynne's Modification but when you go into the social groups to see a new thread it is half the width of a regular section. I want to make it wider like the default in vbulletins forum width.

I want to make it wider as it is so short in width from left to right. Well you might need to look at yours to see what I am talking about or look on mine: http://www.dvdnextcopysupportforum.com/forum.php
Reply With Quote
  #14  
Old 30 Dec 2009, 16:22
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
You realize you no longer need this mod to change the layout, right? They finally changed the layout in vB4 to be basically just like what this mod used to do (except the left and right side flipped).

We cannot see the groups on your site. But, the 'length' of the Discussions box cannot be the full width. Or rather, I did not make it the full width because of the other stuff that needs to show up on the side. If you choose to make it full width, I think you will need to completely redo the template and take it out of the content div since that sets the width of it.
__________________
Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #15  
Old 30 Dec 2009, 16:39
Charlie98902 Charlie98902 is offline
 
Join Date: Dec 2006
Thanks Lynne I didn't realize other stuff would end up there it was a want rather than a need. I'll just leave it alone then.

Thanks
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 15:57.

Layout Options | Width: Wide Color: