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]

Because it wouldn't fit in the first post....

3. OPTIONAL: If you want the pictures to show up centered in the right side bar, then FIND the following line in socialgroups_picturebit:

<table style="width:{$picturebit_width}px; margin:5px; float:$stylevar[left]" border="0" cellspacing="0" cellpadding="0">

CHANGE to:

<table style="width:{$picturebit_width}px; margin:5px; <if condition="$_GET['do'] != 'grouppictures'">float:center<else />float:$stylevar[left]</if>" border="0" cellspacing="0" cellpadding="0">

[RvG2]

wwwwwwoooooooowwwwwwwwwwwwww!!! thank you so much...

[sensimilla]

Great work

[Calash]

Just what I was looking for. Now all I need is to get a better postbit for the discussions area and I will be happy (Not legacy, looking to match standard postbit)

I dropped the CSS in the additional definitions area of my style and it seems to work. Any problems with keeping it there?

[Theater]

Installed, gracias.

[Lynne]

Originally Posted by Calash

Just what I was looking for. Now all I need is to get a better postbit for the discussions area and I will be happy (Not legacy, looking to match standard postbit)

I dropped the CSS in the additional definitions area of my style and it seems to work. Any problems with keeping it there?

I don't think it's a problem unless it conflicts with the css used on the profile page. I used the same classes and definitions from the profile page, but if you modify them on the profile page, you could end up inheriting the definitions you entered in the additional definitions area.

[FiMeTi]

Great job, thx very much Lynne!

/edit
Thanks for the FIXX! ;=)

[Lynne]

OK, I think I had my conditions inside the divs instead of outside the divs. I played around with it and think I have it working correctly. I've attached the new version to the first post.

Thanks for the input! I'm a terrible tester - it worked fine for me and my limited way of using it.

[Alfa1]

Looks great!

Please consider making a Social groups index layout as well.