Tech Tip: Posting Images ~ Text Links vs. Thumbnails

[BrownBullhead]

Tech Tip: Posting Images ~ Text Links vs. Thumbnails

The premises behind a "clickable" link in a phpBB post is comprised of two parts:

1. A "Target URL" --> What document will open when a link is clicked; and
2. A "Target Mask" --> Something "pretty" to cover the the "http://www..." link.

CREATING A CLICKABLE TEXT LINK

A Link to My Picture File
... The above is of the format Target URL[/color] ] Target Mask
... There are blank spaces in the prior which would be omitted when creating a clickable link of course.


CREATING A CLICKABLE THUMBNAIL LINK

This assumes that on your host server you have these two files: "Image_FileName.JPG" and "TN_ImageFileName.JPG".
... "Image_FileName.JPG" -> Your "full size image", example: 800 x 600 DPI
... "TN_ImageFileName.JPG" -> Your "thumbnail image", example: 96 x 96 DPI


So adapting from the clickable TEXT link code, we replace the text "mask" we created for the image URL which was "A Link to My Picture File" with a thumbnail "mask".

http://www/TN_ImageFileName.JPG

So, we replaced clickable text "A Link to My Picture File" link to the full size image... with a clickable thumbnail to the full size image.

Please note... if you want your thumbnails to appear in a "table" (x-amount of thumbnails in one row) instead of a "column" (one thumbnail, new line, one thumbnail, new line, etc.) you need to paste your thumbnail code lines into a text file, turn OFF "Text Wrap", then hit [END] key, then [DEL] key, the [SPACE BAR], and repeat... to eliminate the CRxLF (Carriage Return x Line Feed) between thumbnails so it appears your code is one long continuous block of text.

[SGypsyMermaid]

i almost "stuck" it--but i think that that's finz' call.

[finz]

The different size fonts make it difficult to read - almost obnoxious. I wouldn't stick it the way it is even though the content is good.

[BrownBullhead]

I cut/paste this message to a few forums. This is one of only two or three where the tags create an ENORMOUS font instead of the way it appears on 90% of the forums I go on, as just slightly larger than normal. This particular forum won't let me edit the message more than 40 minutes after I posted it so that is up to the moderators.

Check out how it looks on this forum... http://www.aquamaniacs.net/forum/viewtopic.php?t=21504&highlight=

[finz]

Looks much better without the size tags

[finz]

Tech Tip: Posting Images ~ Text Links vs. Thumbnails

The premises behind a "clickable" link in a phpBB post is comprised of two parts:

1. A "Target URL" --> What document will open when a link is clicked; and
2. A "Target Mask" --> Something "pretty" to cover the the "http://www..." link.

CREATING A CLICKABLE TEXT LINK

A Link to My Picture File
... The above is of the format Target URL[/color] ] Target Mask
... There are blank spaces in the prior which would be omitted when creating a clickable link of course.


CREATING A CLICKABLE THUMBNAIL LINK

This assumes that on your host server you have these two files: "Image_FileName.JPG" and "TN_ImageFileName.JPG".
... "Image_FileName.JPG" -> Your "full size image", example: 800 x 600 DPI
... "TN_ImageFileName.JPG" -> Your "thumbnail image", example: 96 x 96 DPI


So adapting from the clickable TEXT link code, we replace the text "mask" we created for the image URL which was "A Link to My Picture File" with a thumbnail "mask".

http://www/TN_ImageFileName.JPG

So, we replaced clickable text "A Link to My Picture File" link to the full size image... with a clickable thumbnail to the full size image.

Please note... if you want your thumbnails to appear in a "table" (x-amount of thumbnails in one row) instead of a "column" (one thumbnail, new line, one thumbnail, new line, etc.) you need to paste your thumbnail code lines into a text file, turn OFF "Text Wrap", then hit [END] key, then [DEL] key, the [SPACE BAR], and repeat... to eliminate the CRxLF (Carriage Return x Line Feed) between thumbnails so it appears your code is one long continuous block of text.