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.

[DobieGillis?]

works great but when I try to add a picture using a url from Photbucket, it says invalid url

example


http://i99.photobucket.com/albums/l2...dal_math-1.gif

[Lynne]

Originally Posted by DobieGillis?

works great but when I try to add a picture using a url from Photbucket, it says invalid url

example


http://i99.photobucket.com/albums/l2...dal_math-1.gif

What does that have to do with this mod? You don't add pictures with this mod. All this mod does is change the layout of the page.

[DobieGillis?]

Originally Posted by Lynne

What does that have to do with this mod? You don't add pictures with this mod. All this mod does is change the layout of the page.

ok, then. Have a nice day.

[Vitaly]

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

Please, fix. At my site i did this:

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

#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

[Lynne]

OK, I fixed the condition around the Add Pictures link (good catch!) and also put your suggested CSS for use with vBSEO into the text file. I don't have vBSEO, so I can't comment on your suggestion there.

[Xencored]

Thanks installed :up:

[PrincessFiona]

Awesome. I absolutely love this!!! Thank you so much!!!

Kris

[timinrome]

This looks great, Lynne. Can I also ask if it's possble to allow BBcode in the description field - I want to be to link to other groups and pages on the site. Or link to key member of the group.

Thanks.

[Lynne]

That's a vBulletin thing. This is only a template change - no code changes are done at all. I know users have suggested to vB to allow html/bbcode in the description field, but it is something they will have to change - I can't change it just in a template.

[timinrome]

Installed. Looks great. many thanks.

So for the next vB upgrade, I have to go through the process again I guess?