vBulletin LTS

New Social Groups page layout
Mod Version: 1.3.2, by Lynne

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:

Add the following lines ABOVE those lines:


Suggested change to this CSS if you use vBSEO is in the text file and in this post

Spoiler (click to open)

1. "Add Picture" link has improper IF nearby: user can't see "more images" link.

Please, fix. At my site i did this:

HTML Code:

            <div class="alt2 smallfont block_row block_footer">
                <a href="group.php?$session[sessionurl]do=grouppictures&amp;groupid=$group[groupid]">$vbphrase[view_pictures]</a>
            <if condition="$show['add_pictures_link']"><br>
                <a href="group.php?$session[sessionurl]do=addpictures&amp;groupid=$group[groupid]">$vbphrase[add_pictures]</a>                
            </if>
            </div>

2. Offered CSS is not quite universal (applied to mastertemplate via TMS). It's ok for classic skin, but breaks VBSEO's one.

This one looks a bit different, but works for both:

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;
}
.content_block .block_row {
    padding:6px;
}
.content_block .block_title {
    padding:6px;
}
.content_block h4.thead, .content_block .block_title {
    padding:4px;
}
.content_block .block_footer {
    text-align:right;
    padding:4px;
}

PS. Thanks for your work

Close

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

Please click INSTALL if you find this useful.