Drupal - Immagine download in css


Tags:

Come promessi vi spiego come fare ad ottenere un tasto per il download del vostro file tipo questo:

Titolo file

Il tutto si basa su css e bisogna modificare il file style.css presente nel vostro tema.

Aggiungete le seguenti righe:

#main p.download {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size: 2.0em;
background: transparent url(images/floppy.png);
background-repeat: no-repeat;
padding-left:62px;
padding-bottom:15px;
padding-top:10px;
}

Questo codice è molto personalizzabile, dovete come prima cosa cambiare il link della vostra immagine per il download. Successivamente potrete modificare i colori e le varie spaziature.

Fatto questo salvate il file ed provate a scrivere un nuovo messaggio nel blog.
Per poter inserire l'immagine con il relativo link del file da scaricare scrivete semplicemente questo:

<p class="download"><a href="http://www.almack.ch/">Titolo file</a></p>

Personalizzate i vari campi ed il gioco è fatto :)

Vi ricordo che dovete pubblicare l'articolo con il formato di input "Full HTML" altrimenti non affigge l'immagine di download.