The Arcive of Official vBulletin Modifications Site.

Better Social Groups Layout · **Released**: 06-07-2008

With this very easy template mod i feel it gives the view of the social groups a better look and feel.

To make this edit just replace the socialgroups_group template with the below html:

HTML Code:

$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
    $headinclude
    <title>$vboptions[bbtitle] - $custompagetitle</title>
    $socialgroups_css
</head>
<body>
$header
$navbar

<table width="100%" border="0" cellspacing="0" cellpadding="6">
  <tr>
    <td colspan="2"><div class="tborder content_block" id="social_group"><div class="tcat block_title">
        <if condition="$groupoptions['join'] OR $groupoptions['leave']">
        <span class="smallfont" style="float:$stylevar[right]">
            <if condition="$groupoptions['join']">
                    <a href="group.php?$session[sessionurl]do=join&amp;groupid=$group[groupid]">$vbphrase[join_group]</a>
            <else />
                <if condition="!$group['membertype'] AND $group['type'] == 'inviteonly'">
                        $vbphrase[group_type_inviteonly]                </if>
            </if>
            <if condition="$groupoptions['join'] AND $groupoptions['leave']">
                &nbsp;|&nbsp;            </if>
            <if condition="$groupoptions['leave']"><a href="group.php?$session[sessionurl]do=leave&amp;groupid=$group[groupid]">$leavephrase</a></if>
        </span>        </if>
        $vbphrase[social_group]
    </div>

    <!-- group info -->
    <div class="alt1 block_row">
        <span class="smallfont" style="float: $stylevar[right];">$grouptypephrase</span>
        <h1 id="group_name">$group[name]</h1>
        <div id="group_creator" class="smallfont"><phrase 1="$ownerlink" 2="$group[creatorusername]">$vbphrase[group_created_by_x]</phrase></div>
        <if condition="$group['description']">
            <p id="group_description">$group[description]</p>
        </if>
    </div></div></td>
  </tr>
  <tr>
    <td valign="top"><!-- messages -->
<if condition="$show['groupmessages']">
    <if condition="$show['quickcomment']">
        $vBeditTemplate[clientscript]

        <div class="tborder content_block" id="social_group"><div class="thead block_row">$vbphrase[social_group_messages]</div>

        <form action="group.php?$session[sessionurl]do=message" method="post" name="vbform" id="message_form" class="alt1 smallfont block_row">
            <div align="center">
                <div style="max-width:$stylevar[formwidth]; width:auto !important; width:$stylevar[formwidth_usercp]">

                    <div style="display:none" id="qc_error_div" class="tborder">
                        <div class="alt1 block_title">
                            <div id="qc_error_header">$vbphrase[errors_occured_when_submitted]</div>
                            <div id="qc_error_list">&nbsp;</div>
                            <div id="qc_error_okay"><input type="button" class="button" value="$vbphrase[okay]" id="qc_hide_errors" /></div>
                        </div>
                    </div>

                    <div class="smallfont messagetext">$vbphrase[message]: <if condition="$show['auto_moderation']"><span class="shade">$vbphrase[this_post_will_be_automatically_moderated]</span></if></div>
                    <div id="$editorid" class="vBulletin_editor">$messagearea</div>
                    <if condition="$allowed_bbcode"><div class="allowed_bbcode">$allowed_bbcode</div></if>
                    <div class="submit_button">
                        <input type="hidden" name="fromquickcomment" value="1" />
                        <input type="hidden" name="s" value="$session[sessionhash]" />
                        <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
                        <input type="hidden" name="do" value="message" />
                        <input type="hidden" name="groupid" value="$group[groupid]" />
                        <input type="hidden" name="loggedinuser" value="$bbuserinfo[userid]" />
                        <input type="hidden" name="parseurl" value="1" />
                        <input type="hidden" name="lastcomment" value="$lastcomment" />
                        <input type="hidden" name="allow_ajax_qc" value="$show[allow_ajax_qc]" />

                        <input type="submit" id="qr_submit" value="$vbphrase[post_message]" name="sbutton" class="button" accesskey="s" onclick="clickedelm = this.value" />
                        <input type="submit" id="qr_preview" value="$vbphrase[go_advanced]" name="preview" class="button" accesskey="x" onclick="clickedelm = this.value" />
                    </div>
                </div>
            </div>

            <div align="center" id="qc_posting_msg" style="display:none; margin-top:$stylevar[cellpadding]px">
                <img class="inlineimg" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[posting_comment] - $vbphrase[please_wait]" />
                <strong>$vbphrase[posting_message_please_wait]</strong>            </div>
        </form>
    </if>

    <if condition="$messagebits">
        <div class="thead block_row" id="group_message_header">
            <if condition="$show['inlinemod']"><a id="inlinemodsel">&nbsp;</a></if>
            <if condition="$messagetotal"><phrase 1="$messagestart" 2="$messageend" 3="$messagetotal">$vbphrase[showing_gms_x_to_y_of_z]</phrase><else />&nbsp;</if>
        </div>

        <!-- inline moderation form -->
        <form action="group_inlinemod.php?groupid=$group[groupid]" method="post" id="group_message_inlinemod_form">
            <ol class="alt1 list_no_decoration block_row" id="message_list">
                $messagebits
            </ol>

            <if condition="$show['inlinemod'] OR $pagenav">
                <div class="alt2 block_row" id="group_message_tab_footer">
                    <table cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr valign="bottom">
                    <if condition="$show['inlinemod']">
                        <td class="smallfont" id="inlinemod_comment_controls">
                            <div><label for="moderation_select_comments">$vbphrase[moderation]</label></div>
                            <select id="moderation_select_comments" name="do">
                                <if condition="$show['delete'] OR $show['undelete'] OR $show['approve']">
                                <optgroup label="$vbphrase[option]" id="moderation_select_comments_optgroup">
                                    <if condition="$show['delete']">
                                        <option value="inlinedelete" id="inlinemod_comment_controls_delete">$vbphrase[delete_messages]</option>
                                    </if>
                                    <if condition="$show['undelete']">
                                        <option value="inlineundelete" id="inlinemod_comment_controls_undelete">$vbphrase[undelete_messages]</option>
                                    </if>
                                    <if condition="$show['approve']">
                                        <option value="inlineapprove" id="inlinemod_comment_controls_approve">$vbphrase[approve_messages]</option>
                                        <option value="inlineunapprove" id="inlinemod_comment_controls_unapprove">$vbphrase[unapprove_messages]</option>
                                    </if>
                                </optgroup>
                                </if>
                                <optgroup label="____________________">
                                    <option value="clearmessage">$vbphrase[deselect_all_messages]</option>
                                </optgroup>
                            </select>
                            <input type="submit" value="$vbphrase[go]" id="gmessage_inlinego" class="button" />
                            <input type="hidden" name="s" value="$session[sessionhash]" />
                            <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />                        </td>
                    </if>
                    <if condition="$pagenav">
                        <td class="smallfont" align="$stylevar[right]">
                            $pagenav                        </td>
                    </if>
                    </tr>
                    </table>
                </div>
            </if>
    </if>

    <if condition="$show['quickcomment']">
        <script type="text/javascript" src="clientscript/vbulletin_quick_comment.js?v=$vboptions[simpleversion]"></script>
        <script type="text/javascript">
        <!--
        var quick_comment = new vB_QuickComment("message_form", $vboptions[postminchars]);
        //-->
        </script>
    </if>
    <if condition="$messagebits">
        <if condition="$show['inlinemod']">
            <script type="text/javascript" src="clientscript/vbulletin_inlinemod.js?v=$vboptions[simpleversion]"></script>
            <script type="text/javascript">
            <!--
            inlineMod_comment = new vB_Inline_Mod('inlineMod_comment', 'gmessage', 'group_message_inlinemod_form', '$vbphrase[go_x]', 'vbulletin_inline', 'message');
            vBmenu.register("inlinemodsel");
            //-->
            </script>

            <!-- inline mod selection popup -->
            <ul id="inlinemodsel_menu" class="vbmenu_popup list_no_decoration" style="display:none">
                <li class="thead first">$vbphrase[from_this_page]</li>
                <li class="vbmenu_option" onclick="inlineMod_comment.check_all(true)">$vbphrase[select_all]</li>
                <li class="vbmenu_option" onclick="inlineMod_comment.check_all(false)">$vbphrase[deselect_all]</li>
                <li class="vbmenu_option" onclick="inlineMod_comment.check_all('invert')">$vbphrase[invert_selection]</li>
                <li class="thead"><img src="$vboptions[cleargifurl]" alt="" width="1" height="1" /></li>
                <li class="vbmenu_option" onclick="inlineMod_comment.check_all(true, 1)">$vbphrase[select_unapproved_posts]</li>
                <li class="vbmenu_option" onclick="inlineMod_comment.check_all(true, 2)">$vbphrase[select_deleted_posts]</li>
            </ul>
            <!-- / inline mod selection popup -->
        </if>
        </form>
        <!-- / inline moderation form -->

    <else /><if condition="$show['quickcomment']">
        <div class="alt2 block_row">$vbphrase[group_has_no_messages]</div>
    </if></if>
</if>
<if condition="!$group['canviewcontent']">
    <div class="alt2 block_row">$vbphrase[must_join_to_view]</div>
</if></div></td>
    <td width="250" valign="top"><!-- members -->
    <div class="tborder content_block" id="social_group"><div class="thead block_row">
        <phrase 1="$members_shown" 2="$group[members]">$vbphrase[showing_x_of_y_members]</phrase>
    </div>

    <div class="alt1 block_row">
        <ul id="group_member_list">
          <div align="center">$short_member_list_bits</div>
        </ul>
        </div>
    <div class="alt2 block_row"><a id="view_all_members_link" class="smallfont" href="group.php?$session[sessionurl]do=viewmembers&amp;groupid=$group[groupid]">$vbphrase[view_all_members]</a>
              </div>
</div>
    <!-- pictures -->
    <div class="tborder content_block" id="social_group"><if condition="$show['pictures_block']">
    <div class="thead block_row">
    
        <if condition="$pictures_shown">
            <phrase 1="$pictures_shown" 2="$group[picturecount]">$vbphrase[showing_x_of_y_pictures]</phrase>
        <else />
            $vbphrase[group_pictures]        </if>
    </div>
    <div class="alt1 block_row">
        <if condition="$picturebits">
            $picturebits
              
            <else />
            $vbphrase[no_pictures_added_group_yet]
            <if condition="$show['add_pictures_link']"><a href="group.php?$session[sessionurl]do=addpictures&amp;groupid=$group[groupid]">$vbphrase[add_pictures_to_this_group]</a></if>
        </if>
    </div>
    </if>
    <div class="alt2 block_row"><div id="picture_links" class="smallfont">
            <a href="group.php?$session[sessionurl]do=grouppictures&amp;groupid=$group[groupid]">$vbphrase[view_pictures]</a>
            <if condition="$show['add_pictures_link']">| <a href="group.php?$session[sessionurl]do=addpictures&amp;groupid=$group[groupid]">$vbphrase[add_pictures]</a></if>
        </div></div>
    </div></td>
  </tr>
  <tr>
    <td colspan="2" valign="top"><div class="tborder content_block" id="social_group"><div align="center"><if condition="$show['groupoptions']">
    <div class="tfoot block_row">
        <ul id="group_footer_links">
            <if condition="$groupoptions['join']">
                <li class="smallfont">
                    <a href="group.php?$session[sessionurl]do=join&amp;groupid=$group[groupid]">$vbphrase[join_group]</a>
                </li>
            <else />
                <if condition="$group['membertype'] != 'member' AND $group['type'] == 'inviteonly'">
                    <li class="smallfont">
                        $vbphrase[group_type_inviteonly]
                    </li>
                </if>
            </if>
            <if condition="$groupoptions['leave']"><li class="smallfont"><a href="group.php?$session[sessionurl]do=leave&amp;groupid=$group[groupid]">$leavephrase</a></li></if>
            <if condition="$groupoptions['edit']"><li class="smallfont"><a href="group.php?$session[sessionurl]do=edit&amp;groupid=$group[groupid]">$vbphrase[edit_group]</a></li></if>
            <if condition="$groupoptions['delete']"><li class="smallfont"><a href="group.php?$session[sessionurl]do=delete&amp;groupid=$group[groupid]">$vbphrase[delete_group]</a></li></if>
            <if condition="$groupoptions['manage']">
                <li class="smallfont">
                    <a href="group.php?$session[sessionurl]do=manage&amp;groupid=$group[groupid]">$vbphrase[pending_and_invited_members]</a>
                </li>
            </if>
            <if condition="$groupoptions['managemembers']">
                <li class="smallfont">
                    <a href="group.php?$session[sessionurl]do=managemembers&amp;groupid=$group[groupid]">$vbphrase[manage_members]</a>
                </li>
            </if>
        </ul>
    </div>
    <div></div>
    </if>
</div></div></td>
  </tr>
</table>

$footer
</body>
</html>

Ps: Mods theres no Prefix for social group hacks...

OsideRida06 · #42 06-26-2008, 10:22 AM

Quote:

Originally Posted by sdavis2702

This is awesome I love it. Is there a way to limit how many pics are shown though? I only have 4 in one of my groups and it's already stretching the page pretty far down.

I just marked this as installed. It looks great. I have the same question as the guy above though. I have lots of pics in some of our groups. So how can we limit it to a certain amount of pics to show on the main group page going down?

bongwater · #43 06-26-2008, 11:03 AM

installed. live link click HERE

vfaguilera · #44 06-28-2008, 02:07 AM

installed, nominated, commented, loved!

neodan20 · #45 06-28-2008, 04:31 AM

Nice!

niake · #46 06-28-2008, 11:40 PM

Gr8

ShawneyJ · #47 06-29-2008, 10:30 AM

Excellent

tazzarkin · #48 06-29-2008, 11:47 PM

If you could change this so it doesn't effect the current template, it would be perfect.

I don't want to change my existing vbulletin default template file. However, if you put your modifications in a different template file, then you could make a mod that would let you choose which Social Network template you want to use.

It would be a mod that would let you choose between different Social Network layouts. I know a lot of people who are afraid to change their default layout, especially after adding so many other mods to it already.

Yet, if you could make a mod that chooses the Social Network layout (in a dropdown menu)... Now that would be cool !!

C.Birch · #49 06-30-2008, 05:41 AM

Quote:

Originally Posted by OsideRida06

I just marked this as installed. It looks great. I have the same question as the guy above though. I have lots of pics in some of our groups. So how can we limit it to a certain amount of pics to show on the main group page going down?

The number of images that is on show is set in your vb settings in the admin cp just how it is before the template edit.

All this does is moves about the html to give it a new look and does not mess with any of vb's systems or code.

monacelli · #50 06-30-2008, 06:06 AM

Very nice. Should be the vB default.

UltraFanatics · #51 06-30-2008, 06:57 AM

Quote:

Originally Posted by DrKNickel

I get a little error:

"Group created by [ARG:3 UNDEFINED]"

What can i do against it?

Thanks

Greets

Yes I have that aswell

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.08510 seconds Memory Usage 2,377KB Queries Executed 25 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)bbcode_html (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!