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/

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

[BWJ]

ok - thank you. Super nice anyway...

[veenuisthebest]

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]

I just noticed that it was updated today. what changes took place?

[veenuisthebest]

Originally Posted by dancue

I just noticed that it was updated today. what changes took place?

please see above.. version updated !!

[BWJ]

Originally Posted by veenuisthebest

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...

[veenuisthebest]

glad you liked it BWJ !! and thanks for pointing out this problem.. I did not thought of it !!

[veenuisthebest]

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]

you can also use the SNAP SHOTS

[veenuisthebest]

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]

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.