HTML: Button link voor directe downloads

Button link maakt downloaden eenvoudig. Klik op een bestand en de download start meteen, zonder dat een nieuw of hetzelfde venster wordt geopend.

Voorbeeld 1: (button)
⬇ Download HTML
Voorbeeld 2: (tekst link)
⬇ Download bestand

Code 1

<a href="https://tooljunkie.nl/html/banners/dikkelol-1.html" class="tj-download" download>  ⬇ Download bestand
</a>

Code 2

<a download="Banner VZP" class="tj-download" href="https://www.tooljunkie.nl/html/banners/vzphiphop.html" download> ⬇ HTML bestand</a>

CSS (Style)

<style>
.tj-download {
width: 120px;
font-
margin: 5px 0 5px 18px;
    display: inline-block;
    padding: 5px 10px 6px;
text-align: center;
font-size: 80%;
    background: #222;
    color: #fff !important;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
}
.tj-download:hover {
    background: #444;
}
</style>

HTML: Button link voor directe downloads

Geef een reactie Reactie annuleren

Archives

Categories