vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)
-   -   Social Group and Album Enhancements - New Social Groups page layout (https://vborg.vbsupport.ru/showthread.php?t=204335)

Lynne 02-04-2009 10:00 PM

New Social Groups page layout
 
1 Attachment(s)
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.

Lynne 02-05-2009 02:09 PM

Because it wouldn't fit in the first post....

3. OPTIONAL: If you want the pictures to show up centered in the right side bar, then FIND the following line in socialgroups_picturebit:

HTML Code:

<table style="width:{$picturebit_width}px; margin:5px; float:$stylevar[left]" border="0" cellspacing="0" cellpadding="0">
CHANGE to:

HTML Code:

<table style="width:{$picturebit_width}px; margin:5px; <if condition="$_GET['do'] != 'grouppictures'">float:center<else />float:$stylevar[left]</if>" border="0" cellspacing="0" cellpadding="0">

RvG2 02-05-2009 02:32 PM

wwwwwwoooooooowwwwwwwwwwwwww!!! thank you so much...

sensimilla 02-05-2009 05:22 PM

Great work :)

Calash 02-06-2009 01:13 AM

Just what I was looking for. Now all I need is to get a better postbit for the discussions area and I will be happy (Not legacy, looking to match standard postbit)

I dropped the CSS in the additional definitions area of my style and it seems to work. Any problems with keeping it there?

Theater 02-06-2009 01:46 AM

Installed, gracias.

Lynne 02-06-2009 02:31 AM

Quote:

Originally Posted by Calash (Post 1735676)
Just what I was looking for. Now all I need is to get a better postbit for the discussions area and I will be happy (Not legacy, looking to match standard postbit)

I dropped the CSS in the additional definitions area of my style and it seems to work. Any problems with keeping it there?

I don't think it's a problem unless it conflicts with the css used on the profile page. I used the same classes and definitions from the profile page, but if you modify them on the profile page, you could end up inheriting the definitions you entered in the additional definitions area.

FiMeTi 02-07-2009 11:11 AM

Great job, thx very much Lynne! :)

/edit
Thanks for the FIXX! ;=)

Lynne 02-07-2009 04:37 PM

OK, I think I had my conditions inside the divs instead of outside the divs. I played around with it and think I have it working correctly. I've attached the new version to the first post.

Thanks for the input! I'm a terrible tester - it worked fine for me and my limited way of using it. :)

Alfa1 02-08-2009 02:16 AM

Looks great!

Please consider making a Social groups index layout as well.

Theater 02-08-2009 03:31 AM

^^^ Seconded.

Lynne 02-08-2009 03:46 PM

You mean group.php? What's wrong with that page? It has the same sort of flow as member.php and group.php?groupid=x (this template edit I did).

Theater 02-08-2009 05:41 PM

A couple of things I noticed today...

1 - This isn't regarding your code because it happens when defaulted. Is it strange that registered members who are not members of a particular group themselves, are able to view the first 5 or so images, but when they go to click them it says they have to join the social group?

Dunno, just thought I'd ask... ^^^

2 - There is no View Pictures link when you are a member of the Social Group. I added the link and swapped the Add Picture phrase so it fits better.

Look for in socialgroups_group template:

Code:

            <div class="alt2 smallfont block_row block_footer">
                <a href="group.php?$session[sessionurl]do=addpictures&amp;groupid=$group[groupid]">$vbphrase[add_pictures_to_this_group]</a>               
            </div>

Replace with:

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> |
                <a href="group.php?$session[sessionurl]do=addpictures&amp;groupid=$group[groupid]">$vbphrase[add_pictures]</a>               
            </div>

Result if you're a member of the social group:



http://img89.imageshack.us/img89/9527/fixedlinkak2.jpg

Also, if you use the socialgroups_picturebit optional template modification to this, it will make all the images single column and vertical even on the View Pictures page where you see them all. I just reverted mine and live with the non-centered part.

Cheers,

Alfa1 02-08-2009 06:19 PM

Quote:

Originally Posted by Lynne (Post 1737826)
You mean group.php? What's wrong with that page? It has the same sort of flow as member.php and group.php?groupid=x (this template edit I did).

  • /group.php does not show latest group threads.
  • Categories on /group.php seem quite chaotic, because they display in the same random way with various font size as tags on tags.php. An alphabetical listing order would be nice.
  • /group.php?do=categorylist does not show links for staff to delete or edit a group from the main groups overview.
  • /group.php?do=categorylist does not show the last post in a group. Similar to how it works for forums.
  • /group.php?do=categorylist does not show latest threads in that category.
  • Groups on /group.php are listed by icon. Rows, like on /group.php?do=categorylist show a much better overview. IMHO this should be on the main group page.
  • I find the location for the group search, out of place. IMHO it belongs in its own block.
  • /group.php does not show popular groups or active groups.

Lynne 02-08-2009 06:26 PM

1 - That is a strange way to do it. They can see the thumbnails, but not the full image.

2 - Good catch! I guess I missed that when changing those boxes around. Do you mind if I put that change in the next revision?

3 - Try this for the line in socialgroups_picturebit. Find:
HTML Code:

<table style="width:{$picturebit_width}px; margin:5px; float:$stylevar[left]" border="0" cellspacing="0" cellpadding="0">
Replace with:
HTML Code:

<table style="width:{$picturebit_width}px; margin:5px; <if condition="$_GET['do'] != 'grouppictures'">float:center<else />float:$stylevar[left]</if>" border="0" cellspacing="0" cellpadding="0">

Lynne 02-08-2009 07:46 PM

Quote:

Originally Posted by Alfa1 (Post 1737954)
Quote:

Originally Posted by Lynne (Post 1737826)
You mean group.php? What's wrong with that page? It has the same sort of flow as member.php and group.php?groupid=x (this template edit I did).

  • /group.php does not show latest group threads.
  • Categories on /group.php seem quite chaotic, because they display in the same random way with various font size as tags on tags.php. An alphabetical listing order would be nice.
  • /group.php?do=categorylist does not show links for staff to delete or edit a group from the main groups overview.
  • /group.php?do=categorylist does not show the last post in a group. Similar to how it works for forums.
  • /group.php?do=categorylist does not show latest threads in that category.
  • Groups on /group.php are listed by icon. Rows, like on /group.php?do=categorylist show a much better overview. IMHO this should be on the main group page.
  • I find the location for the group search, out of place. IMHO it belongs in its own block.
  • /group.php does not show popular groups or active groups.

You are talking about a lot more than just a template edit. I don't know that I'm going to be tackling that.

Theater 02-08-2009 07:50 PM

Quote:

Originally Posted by Lynne (Post 1737961)
1 - That is a strange way to do it. They can see the thumbnails, but not the full image.

2 - Good catch! I guess I missed that when changing those boxes around. Do you mind if I put that change in the next revision?

3 - Try this for the line in socialgroups_picturebit. Find:
HTML Code:

<table style="width:{$picturebit_width}px; margin:5px; float:$stylevar[left]" border="0" cellspacing="0" cellpadding="0">
Replace with:
HTML Code:

<table style="width:{$picturebit_width}px; margin:5px; <if condition="$_GET['do'] != 'grouppictures'">float:center<else />float:$stylevar[left]</if>" border="0" cellspacing="0" cellpadding="0">

Hehe, cool, I just wanted to make sure it just wasn't me then.

No, not at all. Please feel free to add away. :)

Thank you! That did the trick. :cool:

Jman423 02-09-2009 09:30 PM

Thank you for this MOD.

Do you happen to know how I could display more than just 10 members when viewing the group's main page?

Lynne 02-10-2009 02:01 AM

Quote:

Originally Posted by Jman423 (Post 1739087)
Thank you for this MOD.

Do you happen to know how I could display more than just 10 members when viewing the group's main page?

Right around line 1950 of the groups.php page is where the query is. I'd try changing the limit and see if that is what you want.

GCC LLC 02-11-2009 02:02 PM

Anyone know of a way to make this a fixed width page? I know Lynne mentioned adding a width to the floatcontainer but that doesn't seem to work.

drsli 02-11-2009 02:50 PM

Many thanks for the neat modification and the other hints! :)

Lynne 02-11-2009 07:22 PM

Quote:

Originally Posted by GCC LLC (Post 1740882)
Anyone know of a way to make this a fixed width page? I know Lynne mentioned adding a width to the floatcontainer but that doesn't seem to work.

If it's not working, then you aren't applying the css correctly.

For width:
HTML Code:

<div style="width:90%" class="floatcontainer">
For width and align center:
HTML Code:

<div style="width:90%; margin:0 auto" class="floatcontainer">

Keesa 02-12-2009 06:08 AM

<i>never mind. sorry.</i>

Keesa 02-12-2009 06:13 AM

Quote:

Originally Posted by Jman423 (Post 1739087)
Thank you for this MOD.

Do you happen to know how I could display more than just 10 members when viewing the group's main page?


I changed it here, in group.php

Code:

" . ($vbulletin->options['avatarenabled'] ? "LEFT JOIN " . TABLE_PREFIX . "avatar AS avatar ON (avatar.avatarid = user.avatarid) LEFT JOIN " . TABLE_PREFIX . "customavatar AS customavatar ON (customavatar.userid = user.userid) " : '') .
                        "LEFT JOIN " . TABLE_PREFIX . "customprofilepic AS customprofilepic ON (user.userid = customprofilepic.userid) " .
                        "WHERE socialgroupmember.groupid = " . $group['groupid'] . " AND socialgroupmember.type = 'member'
                        ORDER BY user.lastactivity DESC
                        LIMIT 10
                ");

Change limit 10 to limit... whatever.

Deviant K1 02-12-2009 09:06 AM

Thanks Lynne!!

INSTALLED!

Jman423 02-12-2009 12:03 PM

Quote:

Originally Posted by Lynne (Post 1739303)
Right around line 1950 of the groups.php page is where the query is. I'd try changing the limit and see if that is what you want.

Thank you very much, that worked perfectly!

FiMeTi 02-12-2009 06:24 PM

Lynne I updated the group template today.
Please take a look on the search discussions part.
When you search, the table of "group options" will increase its width and not stay in style.

thanks! :)

Lynne 02-12-2009 06:36 PM

Quote:

Originally Posted by FiMeTi (Post 1742165)
Lynne I updated the group template today.
Please take a look on the search discussions part.
When you search, the table of "group options" will increase its width and not stay in style.

thanks! :)

All you should get when you do a search is the search box. You should not continue to have the members box or pictures box at all.

FiMeTi 02-12-2009 06:42 PM

Oh! Since I am a owner of a group, it apears. Not as guest tho, but as owner it does.
I am talking about the group options bar, where the links <<edit group>> <<delete group>> etc. are listed.

Lynne 02-12-2009 08:27 PM

Ah ha! That one..... just a sec....

OK, that took more than a sec to trace that little div tag down. I had to put a condition around it. It seems to validate now. What a !?%$! :D

Updated.... again! (Who would of thought a simple little template edit would require so many revs!)

Big-K 02-14-2009 03:54 AM

Neat Mod.

How can I increase the number of discussions on the group page.

Lynne 02-14-2009 04:02 AM

Quote:

Originally Posted by Big-K (Post 1743495)
Neat Mod.

How can I increase the number of discussions on the group page.

It's an option in vboptions > social group options

Big-K 02-14-2009 09:58 PM

1 Attachment(s)
Thanks.

Anyone know how to make the full members list show in 3 columns - like you have in "Contacts and Friends"? See attached

Lynne 02-15-2009 05:47 PM

Quote:

Originally Posted by Big-K (Post 1744274)
Thanks.

Anyone know how to make the full members list show in 3 columns - like you have in "Contacts and Friends"? See attached

You would have to modify the code for that. It's under do=viewmembers. You might be able to use the group_memberbit hook. You would probably also have to modify the templates used - memberinfo_small and socialgroups_memberlist. You may be able to just change it so the members are in a div and give the div a width and let them space themselves in the table column. You'd have to play around with it.

Gamelobby 02-16-2009 06:45 PM

Anyone know why i cant see anything in the text file for "socialgroups_group"
I save it to my PC, then extract, but then it opens and there is nothing there..?


*edit*
Nvrmnd, i got it. :)

Gamelobby 02-17-2009 07:57 PM

I have a question.. I'm not sure if this mod caused it or not, i think the issue might have been there prior, but i'll ask anyway. :)

On the profile where it lists a persons social groups that they belong to, it only shows a dash like this

Quote:

User-Created Social Groups: (6)
-
-
-
-
-
-
No text links to the actual groups...? (but the dash is a link still.!?)

Any thoughts or ideas.?
Thanks

Lynne 02-18-2009 12:24 AM

You can always see if it was this mod by just reverting your template. But, no, this mod is a template mod and only touches the groups.php page. The template that spits out that group list is memberinfo_block_groups.

Gamelobby 02-18-2009 09:51 PM

I know this isn't about this mod, but any idea what might be causing it..?
Code:

<if condition="$block_data['membergroupcount']">
        <div class="alt1 smallfont block_row">
                <span class="group_count">($block_data[membergroupcount])</span> $vbphrase[public_usergroups]:
                <ul class="list_no_decoration group_list" id="public_usergroup_list">
                        $block_data[membergroupbits]
                </ul>
        </div>
</if>
<if condition="$block_data['socialgroupcount']">
        <div class="alt1 smallfont block_row">
                                        <span class="group_count">($block_data[socialgroupcount])</span> $vbphrase[user_created_social_groups]:
                <ul class="list_no_decoration group_list" id="social_group_list">
                        $block_data[socialgroupbits]
                </ul>
        </div>
</if>
<if condition="!$block_data['membergroupcount'] AND !$block_data['socialgroupcount']">
        <div class="alt1 smallfont block_row">$vbphrase[you_not_member_any_groups]</div>
</if>
<if condition="$block_data['show_join_link']">
        <div class="alt2 smallfont block_row block_footer"><a href="group.php$session[sessionurl_q]">$vbphrase[join_social_groups]</a></div>
</if>

You can delete this & PM me if that is better.

Thanks in advance. :)

Lynne 02-18-2009 09:54 PM

You should post for help with that issue in the main forums, not in this thread.

aztecboi2003 02-22-2009 09:33 PM

Just installed this and it looks great. Can we add polls in social groups?


All times are GMT. The time now is 06:55 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01614 seconds
  • Memory Usage 1,851KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (4)bbcode_code_printable
  • (11)bbcode_html_printable
  • (13)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete