vb.org Archive - Profile Enhancements - Social Networking in Postbit Popup

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:

Code:

<ul class="popupbody popuphover memberaction_body">

Continue to STEP 4

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

Find:

Code:

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

and find the next:

Code:

</vb:if>

Continue to Step 4

Step 4:

Paste this:

Code:

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

Code:

<!-- 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/si...up/twitter.png - Twitter
http://greenromproject.com/images/si...p/facebook.png - Facebook
http://greenromproject.com/images/si...googleplus.png - Google+
http://greenromproject.com/images/si...up/youtube.png - YouTube

Special Thanks to:
Mobo for Edit User link in postbit UserName popup menu
Lycaon @ theadminzone.com for assistance with resolving issue

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01088 seconds Memory Usage 1,751KB 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 (8)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)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
Messages: