Social Networking in Postbit Popup

[stoute]

This is my first posted template modification so be kind... ;)

This will add a users social networks icon and link in the popup menu in postbit when you click on the User's name. The link is only accessible by the user groups you choose.

To install:

Step 1:

Make Custom Profile Fields for each of the four social networks; Twitter, Facebook, Google+, and Youtube.

ACP> User Profile Fields> Add New User Profile Field

Profile Field Type: Single-Line Textbox

Create your profile fields as below. you can leave "default value" blank.

https://vborg.vbsupport.ru/

Make one of these for each of the social networks. Once you have created your fields for Twitter, Facebook, Google+, and YouTube continue to step 2.

Step 2:
ACP> User Profile Fields> User Profile Field Manager

Take note of your "field name". Below you will find a screen shot; notice I have labeled the field names A - D. for refrence a = twitter; b = facebook; c = google+; d = youtube

https://vborg.vbsupport.ru/

Step 3:

This step adds the links in the postbit popup.

ACP> Styles & Templates> Search in Templates for "memberaction_dropdown"

Links at the TOP:
http://greenromproject.com/a/completed-top.png
Find:
<ul class="popupbody popuphover memberaction_body">

Continue to STEP 4

Links at the BOTTOM;
https://vborg.vbsupport.ru/

Find:

<vb:if condition="$show['emaillink']">


and find the next:

</vb:if>


Continue to Step 4

Step 4:

Paste this:

<!-- Social Networking -->
<vb:if condition="is_member_of($bbuserinfo, X, Y)">

<!-- Twitter -->
<vb:if condition="$memberinfo['A']">
<li class="left">
<a href="http://twitter.com/{vb:raw memberinfo.A}" TARGET="_blank" class="siteicon_twitter">Twitter
</a>
</li>
</vb:if>

<!-- Facebook -->
<vb:if condition="$memberinfo['B']">
<li class="right">
<a href="http://facebook.com/{vb:raw memberinfo.B}" TARGET="_blank" class="siteicon_facebook">Facebook
</a>
</li>
</vb:if>

<!-- Google+ -->
<vb:if condition="$memberinfo['C']">
<li class="left">
<a href="http://plus.google.com/{vb:raw memberinfo.C}" TARGET="_blank" class="siteicon_googleplus">Google+
</a>
</li>
</vb:if>

<!-- YouTube -->
<vb:if condition="$memberinfo['D']">
<li class="right">
<a href="http://youtube.com/{vb:raw memberinfo.D}" TARGET="_blank" class="siteicon_youtube">Youtube
</a>
</li>
</vb:if>
</vb:if>


Change the red letters to the correct information. X and Y are where you enter the user groups that can view this information. A, B, C, and D need to be replaced this the field names we found in the last step. in the image A = field5, B = field6, C = field7, D = filed13

Step 5:

Upload the extracted zip to your forum root.

Step 6:

This step adds the images to your postbit (you can edit these if you like just make sure you have them in the correct location and the size is 16px x 16px)

ACP> Styles & Templates > Style Manager> [your style]> Template Options> Edit Templates> CSS Templates> additional.css

Paste the below


<!-- Social Networking in Postbit Popup -->
.memberaction_body.popupbody li .siteicon_twitter {
background:url({vb:stylevar imgdir_siteicons}/socialpopup/twitter.png) {vb:stylevar left} 2px no-repeat;
}.memberaction_body.popupbody li .siteicon_facebook {
background:url({vb:stylevar imgdir_siteicons}/socialpopup/facebook.png) {vb:stylevar left} 2px no-repeat;
}.memberaction_body.popupbody li .siteicon_googleplus {
background:url({vb:stylevar imgdir_siteicons}/socialpopup/googleplus.png) {vb:stylevar left} 2px no-repeat;
}.memberaction_body.popupbody li .siteicon_youtube {
background:url({vb:stylevar imgdir_siteicons}/socialpopup/youtube.png) {vb:stylevar left} 2px no-repeat;
}


Step 7:

Enjoy

https://vborg.vbsupport.ru/

Icon Images

http://greenromproject.com/images/site_icons/socialpopup/twitter.png - Twitter
http://greenromproject.com/images/site_icons/socialpopup/facebook.png - Facebook
http://greenromproject.com/images/site_icons/socialpopup/googleplus.png - Google+
http://greenromproject.com/images/site_icons/socialpopup/youtube.png - YouTube

Special Thanks to:
Mobo for Edit User link in postbit UserName popup menu (https://vborg.vbsupport.ru/showthread.php?t=256235)
Lycaon @ theadminzone.com for assistance with resolving issue (http://www.theadminzone.com/forums/member.php?u=47889)

[Skyrider]

Images with the result would be awesome :)

[stoute]

Duplicate Post

[stoute]

lol this is the worst... after writing all this up it stopped working on my site. If you have success or fails please let me know so i can see where I went wrong.

[stoute]

Code has been fixed and is now working again!

[stoute]

Added "approved" twitter icon...

[It's Damn Real!]

I have this set for registered users and Admins, and the dropdown is viewable for myself and my mods, but I can't view it under a registered user level.

[stoute]

can you post your edited version of:


<!-- Social Networking -->
<vb:if condition="is_member_of($bbuserinfo, X, Y)">

[It's Damn Real!]

Yup:

<!-- Social Networking -->
<vb:if condition="is_member_of($bbuserinfo, 2)">

I also tried:

<!-- Social Networking -->
<vb:if condition="is_member_of($bbuserinfo, 2, 6)">

[stoute]

so the condition will allow the given usergroups to see the social network icons.

what this is basically saying is "if" you are a member of usergroup "x" then you can view the social network icons.

So when you have is set to usergroup 2 then only members of usergroup 2 can view the icons...
When you have it set to usergroup 2 and 5 then only those member groups can see them.

Are you having an issue once you set your usergroup to admin only to see it?

[It's Damn Real!]

Usergroup 2 is registered users. Usergroup 6 is admin.

Even if I list it out with five or six groups to cover users, admin, mod, etc. it's still only viewable by an Admin or Mod.

[stoute]

to make it easy you can delete the main condition and the last </vb:if> and it will allow all your user groups to see the icons.

I don't know if that is what your were trying to acheive or not but thats the simple solution.

[It's Damn Real!]

Still doesn't work.

[stoute]

does the user you're looking at have anything in the custom user fields? If not then it will not show up. It will only show up if the user has added information into the custom user field.

[It's Damn Real!]

Yes. I've tested it by having myself and one of my moderators both add information in those fields.

I then log in under a registered account, or use VSa's log in as user plug-in to log into another users' account and none of our social media information is visible to them.

[stoute]

do you have any other mods/plugins that modify the postbit/postbit_legacy templates?

I've tested this on two separate vb4.2 installs and both work perfect.

[trackpads]

Installed, thanks!

[Jonm]

Caused me some issues

on 4.2.0

Had numberous errors show

Parse error: syntax error, unexpected '}' in /home/staffsvw/public_html/includes/class_core.php(4633) : eval()'d code on line 13

Uninstalled for now