Download button link

[anywares]

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:
http://

Description:
Hyperlinked download immage

Use {option}
No

Button Immage:
http://anywares.info/ImgHost/images/5639dl.gif

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 ;)

[Jorrit787]

Nifty idea :)

[anywares]

Lol glad you like my "nifty" idea :p

[stigz]

after ive installed this hack my post show as this:

http://w12.easy-share.com/856073.html" target="_new">https://vborg.vbsupport.ru/

[anywares]

Did you close your <a> tags? make sure to start AND finish with <a> tags.... other than that its suppose to work. remember


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


the <a> tags HAVE to open AND close otherwise it wont work ;)

[Jorrit787]

You might want to include the image in a ZIP so that users can upload it to their own server, in case it ever gets taken off ImageShack.

[anywares]

Very well then. Thread updated :D

[stigz]

yep it works now thanks

[anywares]

np man glad you like it....and glad it works :)

[Deadly Assassin]

works like a charm and compliments your other hack that uses a similar image set.

http://www.game-image.com/uploads/b9fc922302.jpg

[anywares]

Glad you like them :D

[smoovie]

I'm new here and I really like this mod ... but. There's always a but, huh? When in use on the forums the image has a link hilight box around it. Is there any way to remove/hide that? It's like underlined for text links but it wraps around the image.

Thanks

[anywares]

lolz ive encountered this problem with firefox. they think its leet or smtin to link the immages like that. im not sure at all if this will work but its worth a try eh?

use this code:

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

[smoovie]

Thanks anywares, valiant effort but it had no effect on the image. I have the image uploaded to my server but it still shows the "link" outine.

[darkman]

You have to put border=0 in the code to remove the ugly box:
<a href="{param}" target="_new"><img src="http://img186.imageshack.us/img186/9572/downloadzc4.png" border=0/></a>

Nice mod - thanks :)

[darkman]

...also, if you are hosting the file in your forums/images/misc directory you need to put a forward slash before forums:
<a href="http://" target="_new"><img src=/forums/images/misc/downloadzc4.png border=0/></a>

Here's a cool little png file to use as a button image:

[harlita]

I freaking love it!! Especially for what my forums are for - this is totally useful. *clicked installed*

[anywares]

You have to put border=0 in the code to remove the ugly box:
<a href="{param}" target="_new"><img src="http://img186.imageshack.us/img186/9572/downloadzc4.png" border=0/></a>

Nice mod - thanks :)

lol glad you like it but he doesnt mean that border, he means the border that Firefox 2+ puts around a hyperlinked immage

[iHostile]

Hmm where do you put the other <a> tag? Cant seem to work it out :S

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

Theres no <a> :S

[anywares]

no need.


<a href="


is the begining of the <a> tag ;]

and

</a>


is the end if the <a> tag ;]

[iHostile]

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

:confused:

[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:
http://www.chaospasses.com/images/Bild1.gif


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?

[Millenium IT]

You want an image named "link" instead of a "Download" image? Or you want links to be text replaced?

[MR.BOSS]

Is it possible to do this hack to attachments rather than external links, in other words is it possible to change the attachment names to a download button, thanks

[MR.BOSS]

? any idea

[RFViet]

Thanks :p

[BigDog56]

Took me a minute to get it figured out, but I got it done! Thank you! I like this alot!

[WFZ]

Thanks

[silver surfer]

thnx !!! :)

works like a charm !

*silver clicks installed*

[harlita]

reinstalled it on 3.6.8 - it's just bbcode, but works nicely.

[joeycano]

Could not get it to work

[Rajdeep]

I am getting this same error - target="_new">

I m using this code -

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

Plz help thanks

after ive installed this hack my post show as this:

http://w12.easy-share.com/856073.html" target="_new">http://img186.imageshack.us/img186/9572/downloadzc4.png

[irantk]

when you ​​Tick "Automatically parse links in text" get this error.
you should tern off this option and send post.

​​127459