PDA

View Full Version : Profile Enhancements - Homepage Thumbnail Preview in Member's Profile


veenuisthebest
08 May 2008, 14:22
******************veenuisthebest******************
*****************Visit Tech6.com (http://tech6.com)****************

Homepage Thumbnail Preview in Member's Profile

Difficulty: Very Easy


Q. What does it do ??

A. If a user fills in the Homepage field, a linked thumbnail preview is generated and replaced by his Homepage text link.

Q. Do I need this ??

A. Yes.

Q. Does it work in different browsers ??

A. Tested in IE, Firefox and Chrome. Works perfect !!


Template Edit: 1
Member Info Templates/memberinfo_block_contactinfo

PLEASE NOTE:- This is not actually a product but a service by www.shrinktheweb.com (http://www.shrinktheweb.com). You must register (http://www.shrinktheweb.com/index.php?view=join) before using this as they provide you with a unique key ID that you have to enter in the code below. Its worth registering !! Its 100% free. As they say, the thumbnails are refreshed monthly.

Begins here:-

1. First register (http://www.shrinktheweb.com/index.php?view=join) at www.shrinktheweb.com (http://www.shrinktheweb.com) and note Your Access Key ID from STW lobby (http://www.shrinktheweb.com/index.php?view=lobby).

2. Open memberinfo_block_contactinfo template:-

Find and delete this:-

<if condition="$prepared['homepage']">
<dt class="shade">$vbphrase[home_page]</dt>
<dd><a href="$prepared[homepage]" target="_blank">$prepared[homepage]</a></dd>
</if>

Then find this:-

<dl class="list_no_decoration" id="additional_contact_details">


And add above:-

<!-- Homepage preview begins here -->
<if condition="$prepared['homepage']">
<fieldset>
<legend>$vbphrase[home_page] of $prepared (<a href="$prepared[homepage]" target="_blank">$prepared[homepage]</a>)</legend>
<div class="fieldset_padding floatcontainer">
<ul class="list_no_decoration">
<li><a href="$prepared[homepage]" target="_blank"><img src="http://www.shrinktheweb.com/xino.php?embed=1&amp;STWAccessKeyId=Your Access Key ID&amp;Size=lg&amp;stwUrl=$prepared[homepage]" width="175" height="125" align="left" border="0" style="border: 3px double #e3e3e3" alt="$prepared[username]'s Homepage" /></a></li>
</ul></div></fieldset>
</if>
<!-- /Homepage -->
You'll have to enter Your Access Key ID within the IMG tag in the above code.

You may edit the above code according to your requirements like setting the width, height, border color, Size=lg for large and sm for small.


Hope you like this sweet little mod, very simple but really useful and cool. I am sure, you are definitely going to use this.. ;)

Pleaseee MARK AS INSTALLED (http://www.vbulletin.org/forum/vborg_miscactions.php?do=installhack&threadid=178530) if you find it useful !!

[U]Critical Changes in 1.5:-
1. XHTML valid now.
2. STW has announced changes in URL parameters that would be mandatory soon:-
u -> stwu
Url -> stwUrl

Change in 1.6:-
1. You do not need "Your Secret Access Key" in the URL anymore. It will work with/without it, but removing it is preferred, as now it makes sense of it being "secret". SO, just &amp;stwu=Secret Key has been removed from the code.


Source: http://tech6.com/f51/homepage-thumbnail-preview-members-profile-t587/

***************************************************************************
***************************************************************************

ShawneyJ
08 May 2008, 14:27
hey this could be good thanks ;)

veenuisthebest
08 May 2008, 14:28
oh yess.. it is.. i hope you like it sir !!

Defkalion
08 May 2008, 15:03
Thanks it's interesting addon. Works ok. :)

veenuisthebest
08 May 2008, 15:05
oh yess.. thumbnail queue process would happen for just a minute or two and only once for a particular website!!!!

as the images then get cached onto their server !!

veenuisthebest
08 May 2008, 15:06
just check it after few minutes.. and should be done !!

PoetJA-1975
08 May 2008, 15:39
Nice and should be able to be applied to 3.6.8 PL2 as well
Thanx for the sharing!

Jacquii.

veenuisthebest
08 May 2008, 17:03
Nice and should be able to be applied to 3.6.8 PL2 as well
Thanx for the sharing!

Jacquii.
yess.. its just a minor template edit !! would work in every version of vB..

Hoffi
08 May 2008, 17:59
Nice. Tagged fpr later.

bugzy
08 May 2008, 18:30
Works great

unitedpunjab
08 May 2008, 20:57
You can use this and won't need to register anywhere,


<if condition="$prepared['homepage']">
<fieldset>
<legend>$vbphrase[home_page] of $prepared[username] (<a href="$prepared[homepage]" target="_blank">$prepared[homepage]</a>)</legend>
<div class="fieldset_padding floatcontainer">
<ul class="list_no_decoration">
<a href="$prepared[homepage]" target="_blank"><img src="http://open.thumbshots.org/image.pxf?url=$prepared[homepage]" width="120" height="90" align="left" border="0" style="border: 3px double #e3e3e3" alt="$prepared[username]'s Homepage" /></a>
</ul></div></fieldset>
</if>

veenuisthebest
08 May 2008, 21:34
You can use this and won't need to register anywhere,


<if condition="$prepared['homepage']">
<fieldset>
<legend>$vbphrase[home_page] of $prepared[username] (<a href="$prepared[homepage]" target="_blank">$prepared[homepage]</a>)</legend>
<div class="fieldset_padding floatcontainer">
<ul class="list_no_decoration">
<a href="$prepared[homepage]" target="_blank"><img src="http://open.thumbshots.org/image.pxf?url=$prepared[homepage]" width="120" height="90" align="left" border="0" style="border: 3px double #e3e3e3" alt="$prepared[username]'s Homepage" /></a>
</ul></div></fieldset>
</if>

this has already been posted here (http://www.vbulletin.org/forum/showthread.php?t=110202), thanks anyway
But the service of thumbshots.org is lacking in the following way:-
They are lacking in browser compatibility as discussed here (http://www.vbulletin.org/forum/showthread.php?t=110202).
I have just applied your thumbshots.org code on my testboard, and its over 15 minutes, my thumbnail isn't updated its still showing this (http://www.vbulletin.org/forum/attachment.php?attachmentid=80164&d=1210282409). Shrinktheweb.com takes not more than 1-2 minutes for thumbnail generation:-
I find shrinktheweb.com's service to be better than the two after checking/testing them both.

unitedpunjab
09 May 2008, 01:22
Switched to Shrinktheweb.com and Iagree it is indeed a better service,Thanks Vinayak :up:

veenuisthebest
09 May 2008, 02:08
glad to know you liked it unitedpunjab !! :)

dancue
09 May 2008, 03:50
Image quality on STW is also better than thumbshots.org.

Thanks for the code!

Hornstar
09 May 2008, 21:58
Does look very good, but does this have any problems with members that enter in their homepage without the http:// or without the www etc. because i've seen past ones do some funny things when they leave out that.

veenuisthebest
09 May 2008, 22:15
this one's got no problem sir and by the way.. this problem has nothing to do with this mod, homepage field is handled/validated by vB and not by this mod.
Have checked just now with/without http:// , no problem occurs.
However, if a user does not write WWW, vB doesn't save the URL..SOO, no chances of problems !! :)

and plzzzzz, do not forget to mark as installed !!!

Big Boss
10 May 2008, 14:18
Not bad at all.

BWJ
10 May 2008, 22:35
Super nice!

It works perfectly... but do you know what to with the following. Example:

www.domain.com/website

Some users have their website as a subpage for another domain which is not their own. What is showed is the thumbnail for www.domain.com

veenuisthebest
11 May 2008, 00:48
well... this works for domains and sub-domains only like:-


www.domain.com
www.website.domain.com


edit: problem fixed

BWJ
11 May 2008, 01:02
ok - thank you. Super nice anyway... :)

veenuisthebest
11 May 2008, 01:52
Hey BWZ, found a solution for your problem !!...

Replace the <a href>.... </a> tag with this:-

<a href="$prepared[homepage]" target="_blank"><img src="http://www.shrinktheweb.com/xino.php?embed=1&u=Your Secret Access Key&STWAccessKeyId=Your Access Key ID&inside=1&Size=lg&Url=$prepared[homepage]" width="175" height="125" align="left" border="0" style="border: 3px double #e3e3e3" alt="$prepared[username]'s Homepage" /></a>
Notice the &inside=1 before &Size=lg. This should solve your problem.. :)

dancue
11 May 2008, 02:23
I just noticed that it was updated today. what changes took place?

veenuisthebest
11 May 2008, 02:27
I just noticed that it was updated today. what changes took place?
please see above.. version updated !!

BWJ
11 May 2008, 02:28
Hey BWZ, found a solution for your problem !!...

Replace the <a href>.... </a> tag with this:-

<a href="$prepared[homepage]" target="_blank"><img src="http://www.shrinktheweb.com/xino.php?embed=1&u=Your Secret Access Key&STWAccessKeyId=Your Access Key ID&inside=1&Size=lg&Url=$prepared[homepage]" width="175" height="125" align="left" border="0" style="border: 3px double #e3e3e3" alt="$prepared[username]'s Homepage" /></a>
Notice the &inside=1 before &Size=lg. This should solve your problem.. :)

You are a genius! Nominated... oh I already did that before your improvement... :p

veenuisthebest
11 May 2008, 02:32
glad you liked it BWJ !! and thanks for pointing out this problem.. I did not thought of it !! ;)

veenuisthebest
12 May 2008, 15:46
if in any case.. you face some troubles like getting error messages saying Thumbnail Queued for a long time, simply remove $inside=1 from the img tag.

KURTZ
12 May 2008, 16:14
you can also use the SNAP SHOTS (http://www.vbulletin.com/forum/showthread.php?t=237063) ;)

veenuisthebest
12 May 2008, 16:38
SNAP SHOTS is quite different from STW..

It displays a preview of the URL on mouse hover whereas STW embeds the preview image of the URL.

Both the services are unique !! and too good !... :up:

veenuisthebest
12 May 2008, 22:20
IMPORTANT NOTE:-

okayyy.... so I just got to know.. that $inside=1 that enables capturing screens of inside URL's like http://www.domain.com/website/ OR http://www.domain.com/website/file.html is a Pro feature BUT is currently free till June 5th, 2008 after which you'll have to remove $inside=1 as it won't work anymore from then onwards for free.

This means that URL's to DOMAINS/SUBDOMAINS would work fine and will remain free forever.

dancue
12 May 2008, 22:26
What is the cost?

veenuisthebest
12 May 2008, 22:31
you may check it here (http://www.shrinktheweb.com/compare-thumbnail-providers.htm)

dancue
12 May 2008, 22:36
According to that it's free. Up to 250K requests per month.

veenuisthebest
12 May 2008, 22:46
yes... it is.. but not the INSIDE URL's feature ($inside=1)

This is the quote from the email I received from CEO of STW:-


&inside=1 IS NOT a part of the FREE service and will not work for free when we go live on June 5th. However, the service will still be free for anyone using your mod that doesn’t have &inside=1 in the request. In other words, the specific “inside” page option is a PRO feature and requires an upgrade. Between now and June 5th, however, it will work for free. ;)

Thanks,


Brandon Elliott
CEO


I hope I am clear now..

UPDATE:-

I have reverted the mod. back to 1.00
Only $inside=1 is removed from the IMG tag.

dancue
12 May 2008, 22:54
Okay. Thank you. That chart is not laid out properly.

dancue
16 May 2008, 17:32
I'd like to make a suggestion.

Any way to have a popup dialog box ask the user if they'd like to submit their link into the links directory as well? Pressing yes would take them to the submit a link page on vbadvanced links directory.

It would be really nice if the fields were already filled in based on what they filled out in the usercp.

TCB
19 May 2008, 18:59
a fantastic addon. Thanks a lot :D

Parabellum
27 May 2008, 01:49
Thank you works great! :up:

Would it be possible to integrate this into the member list? I would like to show a thumbnail image of the URL instead of the WWW button.

Thanks again

veenuisthebest
27 May 2008, 02:52
won't be tough .. just requiring a simple edit of the memberlist_resultsbit template

find this:-
<a href="$userinfo[homepage]" target="_blank"><img src="$stylevar[imgdir_button]/home.gif" alt="home.gif" title="<phrase 1="$userinfo[username]">$vbphrase[visit_xs_homepage]</phrase>" border="0" /></a>

and replace with the code here making some necessary changes.. you may try doing this in your test board first coz it would require a bit of HTML/design editing to match the layout.

callumbush
27 May 2008, 21:35
I've installed this but the website image says "invalid credentials"?

"Your Secret Access Key" - I used the long code it gave me.
"Your Access Key ID" - I used my username

What have I done wrong? :S

dancue
28 May 2008, 13:14
your access key ID is not your username. If you registered on the site it will give you both credentials.

veenuisthebest
28 May 2008, 15:54
I've installed this but the website image says "invalid credentials"?

"Your Secret Access Key" - I used the long code it gave me.
"Your Access Key ID" - I used my username

What have I done wrong? :S
you forgot to mark as installed

graham_w
05 Jun 2008, 22:15
Nice work by you. Shame about the cost of the inside URLs feature.

TimberFloorAu
06 Jun 2008, 02:48
Gonna take a close look at this as it looks very promising.

Could you hack this for VBALINKS ?

Be great if you could.

veenuisthebest
06 Jun 2008, 14:13
Could you hack this for VBALINKS ?

I would have loved to and it would not had been tough. but I do not have vbalinks and I don't want to buy it.

btw check out this (http://www.vinayaks.com/links.php) mini link directory done with STW screens. its not vB.

Audax666
11 Jul 2008, 15:49
Very nice Hack!
Thank you.

Now the profile looks more colourful...

veenuisthebest
13 Jul 2008, 12:16
I'm glad you like it

YuOr
17 Jul 2008, 01:34
Great mod, thank you!
Do you know if that is possible to move to "about me" page instead of "contact info"?

blogcrash
22 Jul 2008, 01:11
Great mod, thank you!
Do you know if that is possible to move to "about me" page instead of "contact info"?

Good question... i would also like to have it there ;)

Whiteyboy5
25 Jul 2008, 14:08
Great mod, thank you!
Do you know if that is possible to move to "about me" page instead of "contact info"?

Good question... i would also like to have it there ;)

Yeah, just get rid of the
<if condition="$prepared['homepage']">
<fieldset>
<legend>$vbphrase[home_page] of $prepared[username] (<a href="$prepared[homepage]" target="_blank">$prepared[homepage]</a>)</legend>
<div class="fieldset_padding floatcontainer">
<ul class="list_no_decoration">
<a href="$prepared[homepage]" target="_blank"><img src="http://www.shrinktheweb.com/xino.php?embed=1&u=Your Secret Access Key&STWAccessKeyId=Your Access Key ID&Size=lg&Url=$prepared[homepage]" width="175" height="125" align="left" border="0" style="border: 3px double #e3e3e3" alt="$prepared[username]'s Homepage" /></a>
</ul></div></fieldset>
</if>
On the template he told you to put it on, then place it somewhere in the "Member Info Templates/memberinfo_block_aboutme" or something template.

AnabolicResourc
25 Jul 2008, 14:48
Works great !

blogcrash
28 Jul 2008, 23:20
Yeah, just get rid of the
<if condition="$prepared['homepage']">
<fieldset>
<legend>$vbphrase[home_page] of $prepared[username] (<a href="$prepared[homepage]" target="_blank">$prepared[homepage]</a>)</legend>
<div class="fieldset_padding floatcontainer">
<ul class="list_no_decoration">
<a href="$prepared[homepage]" target="_blank"><img src="http://www.shrinktheweb.com/xino.php?embed=1&u=Your Secret Access Key&STWAccessKeyId=Your Access Key ID&Size=lg&Url=$prepared[homepage]" width="175" height="125" align="left" border="0" style="border: 3px double #e3e3e3" alt="$prepared[username]'s Homepage" /></a>
</ul></div></fieldset>
</if>
On the template he told you to put it on, then place it somewhere in the "Member Info Templates/memberinfo_block_aboutme" or something template.

Don't work for me!!!

The thumbnail don't appear in the about_me block :(

Any help please?

blogcrash
04 Aug 2008, 01:25
Don't work for me!!!

The thumbnail don't appear in the about_me block :(

Any help please?


Anyone can help me please?

baghdad4ever
03 Oct 2008, 09:41
thank you sir

veenuisthebest
03 Oct 2008, 17:50
thank you sir
You forget to mark as installed ;)

Chris-777
04 Oct 2008, 14:07
/me clicks install

saviola8x
09 Oct 2008, 09:29
ins.
Thanks so much !

veenuisthebest
09 Oct 2008, 11:39
ins.
Thanks so much !
You can thank me better by clicking install ;)

jauhari
19 Oct 2008, 01:50
Just Perfect ;)

veenuisthebest
15 Nov 2008, 02:54
Mod Updated to 1.5

Critical Changes in 1.5:-

1. XHTML valid now.
2. STW has announced changes in URL parameters that would be mandatory soon:-
u -> stwu
Url -> stwUrl

Updating is highly recommended.

Thanks

FiMeTi
15 Nov 2008, 10:51
updated. Thx :)
All fine...

veenuisthebest
24 Feb 2009, 06:10
Update: 1.6

You do not need "Your Secret Access Key" in the URL anymore. It will work with/without it, but removing it is preferred, as now it makes sense of it being "secret".

SO, just remove &amp;stwu=Secret Key from the code.

Scalemotorcars
28 Feb 2009, 01:40
Thanks, works perfectly.:D

nikosb
25 Feb 2010, 13:24
any update for vb 4.0.2 ?
Thanks

KeystoneAirsoft
11 May 2010, 21:21
any update for vb 4.0.2 ?
Thanks

Yes I would like to see this compatible with 4.0.2 as well. Any plans for an update?

Thanks

BigJohnny
14 Aug 2010, 13:26
this is nice but I don't like having to rely on a third party service and having yet another registration on some site.

powersilie
10 May 2011, 15:50
It doesn't work any more and I looked at the Shrinkweb site. They told us, that they changed the code from:

http://www.shrinktheweb.com/xino.php?

into

http://images.shrinktheweb.com/xino.php?


But .... ist doens't work for me

greez
Karin