Social Group and Album Enhancements - New Social Groups page layout

A template edit for the Social Groups page to look more like the Profile page.

version 1.2 - 2009-02-07
Fixed some issues with the conditions being inside the div tags instead of outside. Searching discussions should now give you a full size table listing instead of the 'short' table. (And yeah, I skipped version 1.1 just cuz I felt like it!)

version 1.3 - 2009-02-12
Added View Pictures and Add Pictures at bottom of Pictures Box (thanks Theater!) and fixed issue with centering pictures in Social Groups causing pictures to display vertically in the Group Pictures page.

version 1.3.1 - 2009-02-12
Fixed a condition around an end div tag.

version 1.3.2 - 2009-03-07
Fixed a condition around the Add Pictures link.

1. Open the socialgroups_css template and FIND the following lines at the end:

-->
</style>

Add the following lines ABOVE those lines:

#content_container {
    width:100%;
    float:left;
    margin-right:-256px;
}
#content {
    margin-right:256px;
}
#sidebar_container {
    width:250px;
    float:right;
}
.content_block {
    margin-bottom:6px;
    padding:1px;
}
.content_block .block_row {
    padding:6px;
    margin:1px 0px 0px 0px;
}
.content_block .block_title {
    padding:6px;
    margin:0px 0px 0px 0px;
}
.content_block h4.thead, .content_block .block_title {
    padding:4px;
    margin:1px 0px 0px 0px;
}
.content_block .block_footer {
    text-align:right;
    padding:4px;
    margin:1px 0px 0px 0px;
}

Suggested change to this CSS if you use vBSEO is in the text file and in this post. It was suggested by Vitaly, however since I don't use vBSEO, I have no comment regarding it.


2. REPLACE your socialgroups_group template with the following:

** see text file.  The template contents are too long. **

Please click INSTALL if you find this useful.

[Lynne]

Originally Posted by Phototrope

Hi Lynne,

This is pretty much exactly what I was looking for, except that I have a VB4 installation.

Are any mods required to get this working on VB4?

It already looks like this on vB4 (or close enough that I didn't feel the need to change it).

[Phototrope]

Yes, sorry, I realised that after I sent the post and and then found your mod update post on the VB4 area.

For the record, I prefer the way you designed the mod (ie., with the left and right sides flipped) than the way vb4 release did it.

[Lynne]

Originally Posted by Phototrope

Yes, sorry, I realised that after I sent the post and and then found your mod update post on the VB4 area.

For the record, I prefer the way you designed the mod (ie., with the left and right sides flipped) than the way vb4 release did it.

Just change the css to float the right div left and the left div right. That should do it.

[Scandal]

Thank you very much! It is great!

[Scandal]

If anyone want to add the icon1.gif at the left of any discussion (like the forum threads) do the following changes.
Attachment 124417

In the template socialgroups_group find

$template_hook[group_discussionlist_start_col]

Add below

<td class="thead"></td>

In the template socialgroups_discussion find

$template_hook[group_discussionbit_start]

Add below

<td class="alt1" align="center"><img src="path/images/icons/icon1.gif"></img></td>

where "path" your forum url :up:

You're done!

[JacquiiDesigns]

Hey Lynne - is this share already the default Social Groups display in vB 3.8.6 PL1

Thanks

[Eduardo Leon]

hey ! I get this error :

PHP Code:

#content_container { width:100%; float:left; margin-right:-256px; } #content { margin-right:256px; } #sidebar_container { width:250px; float:right; } .content_block { margin-bottom:6px; padding:1px; } .content_block .block_row { padding:6px; margin:1px 0px 0px 0px; } .content_block .block_title { padding:6px; margin:0px 0px 0px 0px; } .content_block h4.thead, .content_block .block_title { padding:4px; margin:1px 0px 0px 0px; } .content_block .block_footer { text-align:right; padding:4px; margin:1px 0px 0px 0px; } 


[Lynne]

Originally Posted by JacquiiCooke

Hey Lynne - is this share already the default Social Groups display in vB 3.8.6 PL1

Thanks

No. vB never changed the layout of this page in vB3.8.x

Originally Posted by zxleo

hey ! I get this error :

PHP Code:

#content_container { width:100%; float:left; margin-right:-256px; } #content { margin-right:256px; } #sidebar_container { width:250px; float:right; } .content_block { margin-bottom:6px; padding:1px; } .content_block .block_row { padding:6px; margin:1px 0px 0px 0px; } .content_block .block_title { padding:6px; margin:0px 0px 0px 0px; } .content_block h4.thead, .content_block .block_title { padding:4px; margin:1px 0px 0px 0px; } .content_block .block_footer { text-align:right; padding:4px; margin:1px 0px 0px 0px; } 


You didn't follow the instructions carefully. Go back and reread them and redo what the instructions say to do.

[MagicThemeParks]

Decided to use Social Groups on my new site (USHistoryForums.com running 3.8.7) and this mod was a great improvement in the look of the layout!

DEMO: United States History Forum Group Layout

Thanks Lynne! :up:

[viper357]

Lynne, or anybody else that can help.

I am trying to get the category description to show underneath the category heading on the main group.php page.

I have copied this line of code from the "socialgroups_categorylist_bit" template (the description shows when you click on the "view all Categories" link) , but I have no idea how or where to put it in order to show the description on the main page.

<div class="smallfont">$category[description]</div>

Thanks.