Profile Enhancements - Homepage Thumbnail Preview in Member's Profile

******************veenuisthebest******************
*****************Visit 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. You must register 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 at www.shrinktheweb.com and note Your Access Key ID from STW 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[username] (<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 if you find it useful !!

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 &stwu=Secret Key has been removed from the code.


Source: http://tech6.com/f51/homepage-thumbn...-profile-t587/

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

[unitedpunjab]

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]

Originally Posted by unitedpunjab

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, thanks anyway
But the service of thumbshots.org is lacking in the following way:-

• They are lacking in browser compatibility as discussed here.
• 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. 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]

Switched to Shrinktheweb.com and Iagree it is indeed a better service,Thanks Vinayak :up:

[veenuisthebest]

glad to know you liked it unitedpunjab !!

[dancue]

Image quality on STW is also better than thumbshots.org.

Thanks for the code!

[Hornstar]

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]

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]

Not bad at all.

[BWJ]

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]

well... this works for domains and sub-domains only like:-

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

edit: problem fixed