The Arcive of Official vBulletin Modifications Site.

SteamProfile Integration · **Released**: 12-23-2009

Description
Integrates SteamProfile badges into your forum. Allows forum users to see the current status of other members, including, adding them as Steam firends, viewing their profile, joining their current game and viewing their Team Fortress 2 backpack. The script accepts Steam IDs (ex STEAM_X:X:XXXXXXXX), Steam Community IDs (17 digit number) or Steam Community Aliases. I have included my vB4 skin as the default for the widget.

Example Of The Badges (Demo Coming Shortly)

Installation

Download attached "steamprofile_vb4_1.0.1.zip".
Expand and upload the "steamprofile" folder into your forum's root directory.
Go to AdminCP > Styles & Templates > Style Manager > Common Templates.

Add the following to a new line at the bottom of your "headinclude":

Code:

<script type="text/javascript" src="steamprofile/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="steamprofile/steamprofile.js"></script>

Save.
Go to AdminCP > User Profile Fields > Add New User Profile Field > Single-Line Text Box.
Enter in what ever title and description you want.
Optional To only accept Steam IDs add the following to "Regular Expression":
Code:
```
STEAM_[0-9]:[0-9]:[0-9]{4,}
```
Change the "Display Page" option to "Options: Other".
Save.
Make note of the field number (ex field5).
Go to AdminCP > Styles & Templates > Style Manager > Edit Templates > Postbit Templates > postbit_legacy.

Find the following line:

Code:

				<vb:if condition="$post['title'] OR $show['messageicon']">

Replace fieldX, in both locations, in the following line of code with your noted field number from above. Then add the code to a new line after the previous line:
Code:
```
				<vb:if condition="$post['fieldX']"><div class="steamprofile" title="{vb:raw post.fieldX}" style="float: right;"></div></vb:if>
```
Save. Finished.

Additional Credits
Barracuda the author of SteamProfile.
drpepper of TF2Maps.net for his original vB 3.8.2 mod.

Upgrade Instructions (1.0.0 > 1.0.1)

Download attached "steamprofile_vb4_1.0.1_upgrade.zip".
Expand and upload the "steamprofile" folder into your forum's root directory. Replacing all files.
Finished.

Version History
1.0.0 - Initial Release
1.0.1 - Fixed Quote Overlap Issue

Bouncer222 · #22 12-28-2009, 09:28 PM

Quote:

Originally Posted by Bouncer222

Can you tell me what you did to make it appear on top of the quote in the style.css, what did you add/edit? Because I would like to configure something a bit so I need to know this. Thanks.

Please let me know

Skyrider · #23 12-28-2009, 10:56 PM

Quote:

Originally Posted by Mycologist

It looks like you forgot, at least, the code from step 4. None of your forum pages have jquery or steam profile loaded.

If you check the source on any page, you'll see the code. I haven't changed anything.

Mycologist · #24 12-28-2009, 11:44 PM

Quote:

Originally Posted by FF|Skyrider

If you check the source on any page, you'll see the code. I haven't changed anything.

I just did; twice. The code from step 4 is absent from your header.

Code:

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta id="e_vb_meta_bburl" name="vb_meta_bburl" content="http://forum.esforces.com" />
<base href="http://forum.esforces.com/" /><!--[if IE]></base><![endif]-->
<meta name="generator" content="vBulletin 4.0.0" />


		<meta name="keywords" content="esf,esfforums,ecx,earth's special forces,esforces,earthspecialforces" />
		<meta name="description" content="The Earth's Special Forces Forums. New? Need help?  Or just want to drop by? Ask your questions here!" />


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/yuiloader-dom-event/yuiloader-dom-event.js?v=400"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/connection/connection-min.js?v=400"></script>
<script type="text/javascript">
<!--
	var SESSIONURL = "";
	var SECURITYTOKEN = "guest";
	var IMGDIR_MISC = "images/misc";
	var IMGDIR_BUTTON = "images/buttons";
	var vb_disable_ajax = parseInt("0", 10);
	var SIMPLEVERSION = "400";
	var BBURL = "http://forum.esforces.com";
// -->
</script>
<script type="text/javascript" src="http://forum.esforces.com/clientscript/vbulletin-core.js?v=400"></script>



<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/reset-fonts/reset-fonts.css" />
<link rel="stylesheet" type="text/css" href="css.php?styleid=29&amp;langid=2&amp;d=1261938163&amp;td=ltr&amp;sheet=vbulletin.css,popupmenu.css,vbulletin-chrome.css,components.css,vbulletin-formcontrols.css" />

 
	<title>Earth's Special Forces - Forums</title>

	<link rel="stylesheet" type="text/css" href="css.php?styleid=29&amp;langid=2&amp;d=1261938163&amp;td=ltr&amp;sheet=forumbits.css" />

	<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css.php?styleid=29&amp;langid=2&amp;d=1261938163&amp;td=ltr&amp;sheet=forumbits-ie.css" /><![endif]-->
	<link rel="stylesheet" type="text/css" href="css.php?styleid=29&amp;langid=2&amp;d=1261938163&amp;td=ltr&amp;sheet=forumhome.css" />
	
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-6345932-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
  })();
</script>
</head>

Now compare yours to my WIP site; jquery-1.3.2.min.js and steamprofile.js both are included in the header:

Code:

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta id="e_vb_meta_bburl" name="vb_meta_bburl" content="http://ducksoup-gaming.com" />
<base href="http://ducksoup-gaming.com/" /><!--[if IE]></base><![endif]-->
<meta name="generator" content="vBulletin 4.0.0" />


		<meta name="keywords" content="vbulletin,forum,bbs,discussion,bulletin board" />
		<meta name="description" content="This is a discussion forum powered by vBulletin. To find out about vBulletin, go to http://www.vbulletin.com/ ." />


<script type="text/javascript" src="clientscript/yui/yuiloader-dom-event/yuiloader-dom-event.js?v=400"></script>

<script type="text/javascript" src="clientscript/yui/connection/connection-min.js?v=400"></script>
<script type="text/javascript">
<!--
	var SESSIONURL = "";
	var SECURITYTOKEN = "1262050863-23da81a2d06e5423ddf9b6591b3a35a1271462f0";
	var IMGDIR_MISC = "images/misc";
	var IMGDIR_BUTTON = "images/buttons";
	var vb_disable_ajax = parseInt("0", 10);
	var SIMPLEVERSION = "400";
	var BBURL = "http://ducksoup-gaming.com";
// -->
</script>
<script type="text/javascript" src="http://ducksoup-gaming.com/clientscript/vbulletin-core.js?v=400"></script>



<link rel="stylesheet" type="text/css" href="clientscript/yui/reset-fonts/reset-fonts.css" />
<link rel="stylesheet" type="text/css" href="css.php?styleid=2&amp;langid=1&amp;d=1262049749&amp;td=ltr&amp;sheet=vbulletin.css,forumhome_sub_forum_manager.css,popupmenu.css,vbulletin-chrome.css,components.css,vbulletin-formcontrols.css" />

<script type="text/javascript" src="steamprofile/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="steamprofile/steamprofile.js"></script> <script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>    <script type="text/javascript">
    <!--
    	$(function()
        {
            $('.subforumlist').removeClass('commalist');
            $('.subforumlist').addClass('column3');
            $('.forumdata').addClass('forumdata');
            $('.datacontainer').addClass('datacontainer');
            $('.subforums h4').css('display', 'none');
        })
    // -->
    </script>

	<title>DuckSoup-Gaming Forums</title>

	<link rel="stylesheet" type="text/css" href="css.php?styleid=2&amp;langid=1&amp;d=1262049749&amp;td=ltr&amp;sheet=forumbits.css" />
	<!--[if IE 6]><link rel="stylesheet" type="text/css" href="css.php?styleid=2&amp;langid=1&amp;d=1262049749&amp;td=ltr&amp;sheet=forumbits-ie.css" /><![endif]-->
	<link rel="stylesheet" type="text/css" href="css.php?styleid=2&amp;langid=1&amp;d=1262049749&amp;td=ltr&amp;sheet=forumhome.css" />
	
	<link rel="stylesheet" type="text/css" href="css.php?styleid=2&amp;langid=1&amp;d=1262049749&amp;td=ltr&amp;sheet=tagcloud.css" />
	<script type="text/javascript" src="clientscript/yui/animation/animation-min.js?v=400"></script>
	<script type="text/javascript">
		var sidebar_align = 'right';
		var content_container_margin = parseInt('290px');
		var sidebar_width = parseInt('270px');
	</script>

	<script type="text/javascript" src="http://ducksoup-gaming.com/clientscript/vbulletin-sidebar.js?v=400"></script>
	
</head>

Skyrider · #25 12-29-2009, 12:09 AM

Please switch to the default vb4 theme if you can. That's where I added it, not the xmas theme. You'll see this:

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/yuiloader-dom-event/yuiloader-dom-event.js?v=400"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/connection/connection-min.js?v=400"></script>

<script type="text/javascript">
<!--
	var SESSIONURL = "";
	var SECURITYTOKEN = "1262049089-63f27b9cafaa9e6a845fe12c32baeba18dbff0e2";
	var IMGDIR_MISC = "images/misc";
	var IMGDIR_BUTTON = "images/buttons";
	var vb_disable_ajax = parseInt("0", 10);
	var SIMPLEVERSION = "400";
	var BBURL = "http://forum.esforces.com";
// -->
</script>
<script type="text/javascript" src="http://forum.esforces.com/clientscript/vbulletin-core.js?v=400"></script>



<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/yui/2.7.0/build/reset-fonts/reset-fonts.css" />
<link rel="stylesheet" type="text/css" href="css.php?styleid=26&amp;langid=2&amp;d=1262006075&amp;td=ltr&amp;sheet=vbulletin.css,popupmenu.css,vbulletin-chrome.css,components.css,vbulletin-formcontrols.css" />

<script src="http://forum.esforces.com/clientscript/gcbos.js" type="text/javascript"></script>

<script type="text/javascript" src="steamprofile/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="steamprofile/steamprofile.js"></script>

<script src="http://www.esforces.com/javascript/prettyPhoto/js/jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
<script src="http://www.esforces.com/javascript/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="http://www.esforces.com/javascript/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />

	<script type="text/javascript" charset="utf-8">
		$(document).ready(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto();
		});
	</script>

as you can see, the needed code is there

.

Mycologist · #26 12-29-2009, 12:39 AM

The only thing I can think of, without mucking around in your admincp, is that your "prettyphoto"'s jquery might be conflicting with the steamprofile's jquery. Try disabling prettyphoto and see if it solves the issue.

Skyrider · #27 12-29-2009, 12:46 AM

Quote:

Originally Posted by Mycologist

The only thing I can think of, without mucking around in your admincp, is that your "prettyphoto"'s jquery might be conflicting with the steamprofile's jquery. Try disabling prettyphoto and see if it solves the issue.

PrettyPhoto Disabled, still not working. Might be a possible plugin conflict with something else? Got these installed:

- AME 3
- BBR - Google Analytics Addon
- BBR - Resize Images with lytebox
- GCBOS
- Members who have Visited
- Separate Sticky and Normal Threads
- Site link for vbb4
- vBH - Add new tabs
- vbStopForumSpam
- Who Has Read a Thread.

Bouncer222 · #28 12-29-2009, 12:47 AM

Originally Posted by Bouncer222 View Post

Can you tell me what you did to make it appear on top of the quote in the style.css, what did you add/edit? Because I would like to configure something a bit so I need to know this. Thanks.

Please let me know

Anyone please?

Mycologist · #29 12-29-2009, 01:02 AM

Quote:

Originally Posted by Bouncer222

Originally Posted by Bouncer222 View Post

Can you tell me what you did to make it appear on top of the quote in the style.css, what did you add/edit? Because I would like to configure something a bit so I need to know this. Thanks.

Please let me know

Anyone please?

Code:

z-index: 100;

mcca · #30 12-29-2009, 01:17 PM

Installed and have this error message
Error file_put_contents(cache/dd2841607e3f8f63b9700a394eb61445.xml) [function.file-put-contents]: failed to open stream: Permission Denied

I also cant find my steam ID anywhere. Where would I find it?

Mycologist · #31 12-29-2009, 03:15 PM

Quote:

Originally Posted by mcca

Installed and have this error message
Error file_put_contents(cache/dd2841607e3f8f63b9700a394eb61445.xml) [function.file-put-contents]: failed to open stream: Permission Denied

I also cant find my steam ID anywhere. Where would I find it?

The error I'm not too sure about, can you post a link to the board you installed on? As for your ID, you can use two types:

Steam Community ID/Alias

Go to Steam's community site and search for yourself using the search box on the top right. Click on your name and have a look at the URL. It should be something like "http://steamcommunity.com/profiles/76561197965018417" or "http://steamcommunity.com/id/robinwalker". Whatever comes after the last slash is your community ID. For the examples above, it would be "76561197965018417" or "robinwalker".

Steam ID

This is your in-game Steam ID used by mostly Valve games. It's a little more complicated to find, but you can try using this website.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.08199 seconds Memory Usage 2,370KB Queries Executed 27 (?)
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 (8)bbcode_code (6)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (4)postbit_attachment (11)postbit_onlinestatus (11)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_attachment 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!