x
ETF2L is looking for new Staff to recruit! Are you interested in supporting the league? Then click here for more details on what we can offer and how to apply! 

Forum

TF2 Profile Script

Created 25th June 2013 @ 00:50

Add A Reply Pages: 1 2 Next »

Casual

prtyboiz
T⑨

So I got bored and saw kugs made this neat tool: http://teamfortress.tv/forum/thread/9702-tf2profiler-userscript

I really liked the idea but found its implementation lacking (limited supported websites, queries go through a 3rd party website, no immediate feedback if a player even has a profile) so I made my own version instead:

Click me to install
Requires GreaseMonkey+FireFox. May or may not work with TamperMonkey on Chrome.

Mouse over a profile url (works everywhere) to get immediate feedback in the form of their SteamID and links to their profiles on other websites.
Currently supports etf2l, wireplay, steam community and teamfortress.tv profiles.
Screenshot of how it looks: https://i.imgur.com/fLdKmsc.png

This is mostly just a POC, if there’s interest I’ll add more websites.


Last edited by Casual,

kugs

Really like this :) Such a simple idea and the auto checking profile stuff is sweet. The popups aren’t fading away on chrome/tampermonkey. Also on steam profiles it might be cool to add the stuff from your popup into the popup steam uses when you hover over a profile, as your one covers that up sometimes (your popup also sometimes comes up before the hover for the steam popup registers, and covers the link so you can’t hover over to the get the official popup).


Last edited by kugs,

BigBoss

Vintage!
FPSBH

Awesome script :D


addStyle( 'div.TFProfile { position:absolute !important; z-index:9999999 !important; background-color:#F8F8FF !important; border: solid 1px #C0C0C0 !important; min-width:200px !important; padding:5px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3); }
div.TFProfile p { letter-spacing:0px !important; text-align:left !important; color:#555; padding:0 !important; margin:5px !important; display: block !important; border: none !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #4c4c4c; text-decoration: none; }
div.TFProfile p>a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-style:normal; line-height:normal; font-weight:700; font-variant:normal; text-decoration:none; letter-spacing:0 !important; text-align:left !important; color:#f8f8f8; border:1px solid #679bf3; background-color:#77a7f9; -webkit-border-radius:2px; border-radius:2px; width:auto; height:auto; display:block!important; margin:8px 0!important; padding:5px!important }
div.TFProfile p>a:hover { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:normal;line-height:normal;font-weight:700;font-variant:normal;color:#fff;text-decoration:none;letter-spacing:0!important;text-align:left!important;border:1px solid #4585f3;-webkit-border-radius:2px;border-radius:2px;width:auto;height:auto;display:block!important;-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1);box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1);background: #77a7f9;background: -moz-linear-gradient(top, #77a7f9 0%, #699cf2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77a7f9), color-stop(100%,#699cf2));background: -webkit-linear-gradient(top, #77a7f9 0%,#699cf2 100%);background: -o-linear-gradient(top, #77a7f9 0%,#699cf2 100%);background: -ms-linear-gradient(top, #77a7f9 0%,#699cf2 100%);background: linear-gradient(to bottom, #77a7f9 0%,#699cf2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#77a7f9", endColorstr="#699cf2",GradientType=0 );margin:8px 0!important;padding:5px!important}
' )

Casual

prtyboiz
T⑨

Thanks!

I’ll take a more in depth look at chrome later.
Fancy CSS you got there, looks nice :)

Added support for UGC and logs.tf (it checks if you actually have an active profile before listing).

Casual

prtyboiz
T⑨

Improved TeamFortress.tv support.
Added complete logs.tf support.
Added basic SizzlingStats.com support.
Added TF2Lobby.com support.
Updated the styling a bit.

MARIANO

Solid http://cultureslurp.com/wp-content/uploads/2011/09/Facebook-Like-Button.jpg


Last edited by MARIANO,

Kaneco

can you get this on userscripts site with a few more info and some screens so I know the difference from this script to the other one?? I know I can install it either way but I really wanted to know beforehand

Casual

prtyboiz
T⑨

Quoted from Kaneco

can you get this on userscripts site with a few more info and some screens so I know the difference from this script to the other one?? I know I can install it either way but I really wanted to know beforehand

I like git… Idk, we’ll see about userscripts.org…

Screenshot is available in the first post, mine is focussed on quick & simple check for people’s profiles on other websites (etf2l/ugc/tf2lobby/etc…) while his is focussed on providing as much as possible information and doesn’t check if they actually have an account (just provides search links).

Selek

Dr. med.

Great script, I like it!

Three minor suggestions:
– Put a small delay in before it pops up. It’s a bit disorienting if it appears when move the mouse across an avatar.
– It doesn’t seem to work for Trading Card beta version profiles, only e.g. their friendslist.
– It will work on Steam community profiles weren’t upgraded. But when I click the “other nicknames” arrow, it doesn’t show any.

Casual

prtyboiz
T⑨

Thanks! Better styling is coming (and more features!)

Quoted from Selek

– Put a small delay in before it pops up. It’s a bit disorienting if it appears when move the mouse across an avatar.

Can do, consider it done.
Quoted from Selek

– It doesn’t seem to work for Trading Card beta version profiles, only e.g. their friendslist.
– It will work on Steam community profiles weren’t upgraded. But when I click the “other nicknames” arrow, it doesn’t show any.

wontfix – trading card beta profiles use an <img> for the show more names, the script only searches for <a>.

Casual

prtyboiz
T⑨

Done.

Added delay of 0.5s before starting to load the content so you don’t accidentally get popup hell.
Grouped the links together by relevance.
It also shows a connect link you can click to join the player if he’s in-game.

kugs

The links in the popup are displaying before they’ve been checked (disappear once they have been – tampermonkey/chrome latest win). Would be nice to colour the connect differently to make it stand out as well.

Otherwise, annoyingly awesome :P Would advise anyone using my script to switch to this one as it’s just plain better.

Selek

Dr. med.

Quoted from Casual

Thanks! Better styling is coming (and more features!)

[…]
Can do, consider it done.

Great, thanks!

[…]
wontfix – trading card beta profiles use an <img> for the show more names, the script only searches for <a>.

Well, the beta is no beta anymore, anyone on Steam can collect cards now. This means it won’t work for many profiles from now on.

Casual

prtyboiz
T⑨

Quoted from Selek

[…]

Well, the beta is no beta anymore, anyone on Steam can collect cards now. This means it won’t work for many profiles from now on.

Well all that’s not working is going to their profile and then viewing it, hovering over the link that got you to their profile in the first place works just fine.

The script’s purpose is to add this info on links (aka <a> tags), making it work for random places isn’t something I want to do.


Last edited by Casual,

Haim

addict!

how am I suppose to install it?

Add A Reply Pages: 1 2 Next »