New Social Groups page layout

[PandavB]

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:

HTML Code:

-->
</style> 

Add the following lines ABOVE those lines:


HTML 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;
} 

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:

HTML Code:

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

Please click INSTALL if you find this useful.