PDA

View Full Version : Download button link


anywares
04 Feb 2007, 18:33
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
04 Feb 2007, 20:35
Nifty idea :)

anywares
05 Feb 2007, 16:05
Lol glad you like my "nifty" idea :p

stigz
07 Feb 2007, 17:49
after ive installed this hack my post show as this:

http://w12.easy-share.com/856073.html" target="_new">https://www.vbulletin.org/forum/

anywares
07 Feb 2007, 18:29
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
07 Feb 2007, 21:37
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
08 Feb 2007, 13:43
Very well then. Thread updated :D

stigz
10 Feb 2007, 20:37
yep it works now thanks

anywares
11 Feb 2007, 10:22
np man glad you like it....and glad it works :)

Deadly Assassin
05 Mar 2007, 11:39
works like a charm and compliments your other hack that uses a similar image set.

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

anywares
06 Mar 2007, 16:10
Glad you like them :D

smoovie
15 Mar 2007, 05:21
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
15 Mar 2007, 18:59
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
16 Mar 2007, 06:07
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
17 Mar 2007, 21:52
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
18 Mar 2007, 02:43
...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
18 Mar 2007, 10:48
I freaking love it!! Especially for what my forums are for - this is totally useful. *clicked installed*

anywares
18 Mar 2007, 10:54
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
18 Mar 2007, 13:45
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
18 Mar 2007, 14:07
no need.


<a href="


is the begining of the <a> tag ;]

and

</a>


is the end if the <a> tag ;]

iHostile
18 Mar 2007, 14:11
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
18 Mar 2007, 14:15
hmmm gimee a link/screenshot to the problem

iHostile
18 Mar 2007, 14:20
http://img120.imageshack.us/img120/7029/hmmwm7.jpg

anywares
18 Mar 2007, 14:31
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
18 Mar 2007, 14:36
Nope, still does the same with that code :S lol

anywares
18 Mar 2007, 14:53
Ive pm'ed you iHostile

Mr_Devlin
26 Apr 2007, 18:40
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
21 Jul 2007, 18:37
Great stuff! Made my own button tho and one for the editor toolbar..

Thanks :)

puertoblack2003
01 Sep 2007, 03:15
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
11 Sep 2007, 06:23
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
13 Sep 2007, 19:33
You want an image named "link" instead of a "Download" image? Or you want links to be text replaced?

MR.BOSS
16 Sep 2007, 00:00
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
31 Oct 2007, 01:05
? any idea

RFViet
26 Nov 2007, 15:02
Thanks :p

BigDog56
28 Nov 2007, 15:47
Took me a minute to get it figured out, but I got it done! Thank you! I like this alot!

WFZ
28 Nov 2007, 16:22
Thanks

silver surfer
18 Dec 2007, 18:51
thnx !!! :)

works like a charm !

*silver clicks installed*

harlita
20 Dec 2007, 08:38
reinstalled it on 3.6.8 - it's just bbcode, but works nicely.

joeycano
20 Jan 2008, 06:33
Could not get it to work

Rajdeep
11 Feb 2008, 07:53
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
15 Mar 2011, 20:11
when you ​​Tick "Automatically parse links in text" get this error.
you should tern off this option and send post.

​​127459