Download button link

This is my first release so go easy on me okay

This will add a nifty little hyperlinked immage so that if someone were to post a download link, it would display a hyper-linked immage for the user to click on instead of a long download link to a file or w/e

Installation:
Goto adminCP ->Custom BBCodes-> Add new BBCode

Title:
Download

Tag:
dl

Replacement:

<a href="{param}" target="_new"><img src="http://img186.imageshack.us/img186/9572/downloadzc4.png" /></a>

Example:
[dl]http://[/dl]

Description:
Hyperlinked download immage

Use {option}
No

Button Immage:


PLEASE NOTE: I uploaded the immage so if you wish to download it and upload it to your server, just change

http://img186.imageshack.us/img186/9572/downloadzc4.png

to the path of where its located at on your server

For instance, if you upload it to your /images file the code would look like this:

<a href="{param}" target="_new"><img src=Forum/images/misc/IMAGE NAME /></a>

If you like it, click install

[iHostile]

Originally Posted by anywares

no need.

<a href="

is the begining of the <a> tag ;]

and

</a>

is the end if the <a> tag ;]

But im gettin an image plus the code.... "" target="_new">"

[anywares]

hmmm gimee a link/screenshot to the problem

[iHostile]

<a href="http://img120.imageshack.us/img120/7029/hmmwm7.jpg" target="_blank">http://img120.imageshack.us/img120/7029/hmmwm7.jpg</a>

[anywares]

I think you might have skipped/missed something in the codes

be shore to get the FULL code so that it looks like this:

<a href="{param}" target="_new"><img src="http://img186.imageshack.us/img186/9572/downloadzc4.png" /></a>

[iHostile]

Nope, still does the same with that code :S lol

[anywares]

Ive pm'ed you iHostile

[Mr_Devlin]

What to do if you use different styles on your forum and want to use different (your own) button-layouts matching your styles with this modification?
Here's the solution:
1. upload your buttons to the style related editor-folders.

2. create a new, additional css-definition for each style like this:

.bbpw{ 
     display:block;
     float: right;
     background:url(editor_directory_path/yourbutton.gif); 
     width:150px; height:29px;
}

3. In the bbcode replacement:

<table width="400" border="0" cellspacing="0" cellpadding="0">
   <tr>
	<td class="bbpw" align="left" width="150" border="0">
	</td>
		<td align="right" width="250" border="0">
		</td>
  </tr>
  <tr>
		<td align="left" colspan="2" style="background-color: #C0FFC0; border: 2px solid Red; padding: 1px; clear:left"><FONT COLOR="#FF0000"><normalfont>{param}</normalfont></FONT>
		</td>
  </tr>
</table>

You may edit the width, name of class etc to fit your needs...

Screenshot:

But im gettin an image plus the code.... "" target="_new">"

You need to set the param-code WITHOUT the quotation marks like this:

<a href={param} target="_new"><img src="http://img186.imageshack.us/img186/9572/downloadzc4.png" /></a>

[JadedSouls]

Great stuff! Made my own button tho and one for the editor toolbar..

Thanks

[puertoblack2003]

this is a neat hack how to i add the legend with the picture and in the middle add the url to show download???

[tobaro]

idea: if this would change ANY links posted to be replaced with a image called 'link' (whatever image you may use), I would like it even more? possible to do that?