Miscellaneous Hacks - Social Networks in Postbit

My Social Networks

I'd like to add my first modification because I feel like I just leech everything and don't give back, so I decided to start trying.

I don't take credit for this mod, it's based off of UKBusinessLive's Twitter profile link.
https://vborg.vbsupport.ru/showthread.php?t=212221

I simply edited it and added 2 more for Facebook and MySpace as well.

This should work with vBulletin 3.7 and Up. I'm not sure as I've only tested on 3.8.4. If you can test this on previous versions, it would be great if you can post that. Thanks!

Here's a live demo on my development site: Demo

You'll need to create 3 new User Profile Fields.
AdminCP>User Profile Fields>Add New User Profile Field

Profile Field Type: Single-Line Text Box

Title: Twitter Username
Description: Please Enter your Twitter Username
Profile Field Category: Choose your category (if you have extra custom ones)
Default Value: Leave Blank
Max length of allowed user input: 20
Field Length: Leave Default
Display Order: Choose any number that hasn't already been taken in your profile fields.
Field Required: No
Field Editable by User: Yes
Private Field: No
Field Searchable on Members List: No
Show on Members List: Yes
Regular Expression: Leave Blank

Save.

You'll need to make one for Facebook, Twitter, and MySpace using the same settings except you need to change the names to the proper social network.

For Display Order, I used 5 for Twitter, 6 for Facebook, and 7 for MySpace.
If you've made previous custom profile fields, then please enter your own numbers.

Remember which number you chose for Display Order.

Now go to AdminCP>Styles & Templates>Style Manager>Edit Templates and choose your template.

Scroll down and choose Postbit Templates. You can edit either postbit or postbit_legacy

Find:

<if condition="$post['joindate']"><div class="postbit">$vbphrase[join_date]: $post[joindate]</div></if>

And add this before:

<div align="center">
My Social Networks:<br /><br />
<if condition="is_member_of($bbuserinfo, 2, 6, 7, 9)">
<if condition="$post['field5']">
<a href="https://twitter.com/$post[field5]" target="_blank">
<img alt="Twitter" border="0" src="$stylevar[imgdir_misc]/twitter.png"/></a></if>
&nbsp;&nbsp;
<if condition="$post['field6']">
<a href="https://facebook.com/$post[field6]" target="_blank">
<img alt="Facebook" border="0" src="$stylevar[imgdir_misc]/facebook.png"/></a></if>
&nbsp;&nbsp;
<if condition="$post['field7']">
<a href="https://myspace.com/$post[field7]" target="_blank">
<img alt="MySpace" border="0" src="$stylevar[imgdir_misc]/myspace.png"/></a></if>
</div>
</if>

This is the default code that I created, but felt like it needed work. This style is still available to use if you don't need any special look or feel to it.

Everything in red should be the only items you need to change. However, you may need to edit it further for different styles.

To change which usergroups can see these links, you can edit this code with the usergroup number you want to be able to view them.

<if condition="is_member_of($bbuserinfo, 6, 7, 9)">

Or you can simply delete this code to allow everybody to view them, but you'll also need to delete the </if> at the very end of the full code.

If you'd like to create a box specifically for it for more design and better formatting, then continue reading--

I don't take credit for this change either.
This modification is based off of jacki's Pro. Postbit Legacy.
https://vborg.vbsupport.ru/showthread.php?t=214565

You'll need to edit your template's CSS by going here:
AdminCP>Styles & Templates>Style Manager>All Style Options

Scroll down to Additional CSS Definitions and in the second box, scroll all the way down and add:

.mysocialnetworks {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #FFFFFF;
border-top: 1px solid #dadada;
border-right: 2px solid #dadada;
border-left: 1px solid #dadada;
border-bottom: 2px solid #dadada;
margin-bottom: 3px;
}

The items highlighted in red can be changed. These are the image codes and can be changed to your templates colors.

Now, you basically just need to follow the previous steps for adding it to your postbit or postbit_legacy. Except with minor changes to include the CSS and center it.

Find:

<if condition="$post['joindate']"><div class="postbit">$vbphrase[join_date]: $post[joindate]</div></if>

And add this before:

<div align="center" class="mysocialnetworks">
My Social Networks:<br /><br />
<if condition="is_member_of($bbuserinfo, 2, 6, 7, 9)">
<if condition="$post['field5']">
<a href="https://twitter.com/$post[field5]" target="_blank">
<img alt="Twitter" border="0" src="$stylevar[imgdir_misc]/twitter.png"/></a></if>
&nbsp;&nbsp;
<if condition="$post['field6']">
<a href="https://facebook.com/$post[field6]" target="_blank">
<img alt="Facebook" border="0" src="$stylevar[imgdir_misc]/facebook.png"/></a></if>
&nbsp;&nbsp;
<if condition="$post['field7']">
<a href="https://myspace.com/$post[field7]" target="_blank">
<img alt="MySpace" border="0" src="$stylevar[imgdir_misc]/myspace.png"/></a></if>
</div>
</if>

Since Facebook's Username system is fairly new, a lot of people don't know it exists as Facebook never fully advertised it. In order to create a Facebook username, you need to simply click on "Settings" on Facebook and you'll see "Username", click on "Change" and you can change your Facebook username to anything you want and be able to use it for this mod.

If you'd like further help, please click Install and I'll be more than happy to provide support.

The uploaded file includes the 20x20 icons. Place these in your template's images "misc" folder.

[mekanbursa]

Thanx..

[zerovenom]

Updated:

Oops, when I posted it, I didn't realize I had Twitter on there three times. Updated to have Twitter, Facebook, and MySpace in their correct order.

[zerovenom]

I know this is my mod, but since it's basically just based off of two other mods... I have a question on how to possibly edit it further to make it look better. I have it set to where only my usergroups, 2, 6, 7, 9, 20, 21, are able to see it... but if they don't fill out the information or don't have information to provide, the "My Social Networks" still shows with the box around it.

How would I be able to have the box show ONLY when at LEAST one of the fields has been entered?

I'm sure it's somewhere along the lines of

<if condition="$show['field5']">

However... Would I have to enter that three times for each one? 5, 6, and 7? Or is it possibly to make it
[CODE]I know this is my mod, but since it's basically just based off of two other mods... I have a question on how to possibly edit it further to make it look better. I have it set to where only my usergroups, 2, 6, 7, 9, 20, 21, are able to see it... but if they don't fill out the information or don't have information to provide, the "My Social Networks" still shows with the box around it.

How would I be able to have the box show ONLY when at LEAST one of the fields has been entered?

I'm sure it's somewhere along the lines of

<if condition="$show['field5']$show['field6']$show['field7']">

? That doesn't seem like it'd work... but does anybody have any idea? If so, please provide, I'll updated and give credit. =)

[Tenth Doctor]

Can't seem to get this to work on vB 4.0.1. Would really love to get it working though.

It can't find this in any of the templates, even the default one:
<if condition="$post['joindate']"><div class="postbit">$vbphrase[join_date]: $post[joindate]</div></if>

[zerovenom]

Originally Posted by Tenth Doctor

Can't seem to get this to work on vB 4.0.1. Would really love to get it working though.

It can't find this in any of the templates, even the default one:
<if condition="$post['joindate']"><div class="postbit">$vbphrase[join_date]: $post[joindate]</div></if>

This is for 3.8 =(

I'll see what I can do about getting it for 4.0 though.

[Tenth Doctor]

Originally Posted by zerovenom

This is for 3.8 =(

I'll see what I can do about getting it for 4.0 though.

Thanks! I would really appreciate it. this is a great hack and exactly what I've been looking for! My community is based on Twitter, the vB CMS/forums is an extension of that, so we really do need Twitter integration with our board.

[DarioVinci]

hi zerovenom, ty for this hack...i fixed the code to not display the social network box when fields are empty:

<if condition="$post[field14] OR $post[field15] OR $post[field16]">
<div align="center" class="mysocialnetworks">
Social Networks:<br /><br />
<if condition="is_member_of($bbuserinfo, 2, 6, 7, 12, 13, 14, 15, 16)">
<if condition="$post['field14']">
<a href="https://twitter.com/$post[field14]" target="_blank">
<img alt="Twitter" border="0" src="$stylevar[imgdir_misc]/twitter.png"/></a></if>
&nbsp;&nbsp;
<if condition="$post['field15']">
<a href="https://facebook.com/$post[field15]" target="_blank">
<img alt="Facebook" border="0" src="$stylevar[imgdir_misc]/facebook.png"/></a></if>
&nbsp;&nbsp;
<if condition="$post['field16']">
<a href="https://myspace.com/$post[field16]" target="_blank">
<img alt="MySpace" border="0" src="$stylevar[imgdir_misc]/myspace.png"/></a></if>
</div>
</if>
</if>

[steeler7]

Any word on getting this or something like this for vB4?

[2fast4ya]

I would kill for something like this in VB4