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

ThreeD · #2 06-08-2008, 10:27 AM

nice one

Works like a charm..thanks

WoodiE · #3 06-08-2008, 12:00 PM

Very nice template change!

ShiZoPhreN · #4 06-08-2008, 12:10 PM

Thanks

..

#5 06-08-2008, 01:38 PM

/me clicks install

chatzworld · #6 06-08-2008, 03:07 PM

* ChatzWorld clicks install

Thanks jsut what I have been looking for

sensimilla · #7 06-08-2008, 06:52 PM

Nice skin of your site

C.Birch · #8 06-08-2008, 07:04 PM

Many thanks and thanks for them that like the groups edit.

mikkitine · #9 06-08-2008, 09:36 PM

This is indeed better. I hope my members will start to use this feature more cos of this improvement. Thanks.

Baldilocks · #10 06-08-2008, 10:14 PM

Will this work with the Social Group Forums add-on ?

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06077 seconds Memory Usage 2,361KB Queries Executed 23 (?)
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 (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 (2)pagenav_pagelink (1)pagenav_pagelinkrel (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (9)postbit_onlinestatus (10)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!