Knowledge Base


Knowledge Base / XFilesharing Pro / How to ...

How to change download button from text to image ?
08/03/2012 09:11 PM

Question

What is the best way to change the default HTML button for download links to show an image instead ?

Answer

- Login to your server
- Download "download1.html" 
- Open "download1.html" with free program  "NotePad+Plus"
- Look for this snippet of code:
<! -- if direct links -- >
<input type="submit" id="btn_download" value="<!-- lang create link -->"> 
<! -- else -->
<input type="submit" id="btn_download" value="<!-- lang download file -->"> 
<! -- :::::::   -->
----------------------------------------------------------------
Change "submit" to "image" (as the type of input)
Change "value" to "src" and specify the URL of the image itself.
----------------------------------------------------------------
This is the final result:
<input type="image" id="btn_download" src="http://yoursite.com/images/downloadbutton.png">