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/

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

[dancue]

What is the cost?

[veenuisthebest]

you may check it here

[dancue]

According to that it's free. Up to 250K requests per month.

[veenuisthebest]

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]

Okay. Thank you. That chart is not laid out properly.

[dancue]

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]

a fantastic addon. Thanks a lot

[Parabellum]

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]

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]

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