Pubblicato da Denvoizer | 21:19 | , | 4 commenti »

"Torna su" è un pulsante o un link che manda il lettore in alto alla pagina una volta cliccato. Ciò aiuta i lettori a navigare meglio, supprattuto se si hanno pagine lunghe. Questo link si trova di solito nella parte inferiore della pagina, o nel piè di pagina.

Ciò che vi spiegherò oggi è leggermente diverso. La funzione è la stessa ma la posizione del link/pulsante è diversa. Come suggerisce il titolo, vi spieghero il modo che rendere questo pulsante "fluttuante o galleggiante" sul fondo dello schermo, rimane lì anche se si scorre la pagina; è sempre visibile al lettore. Faremo questo utilizzando solo un breve codice HTML.

Bisogna semplicemente inserire il seguente codice subito PRIMA il tag </body>.

<span><a href='#' style='position: fixed; bottom:5px;left:5px;'><img src='LinkPulsante' style='border: none;'/></a></span>

Sostituite LinkPulsante con il link della foto che volete usare come pulsante.

Se preferite usare un link testuale piuttosto che un'immagine, usate questo codice:

<a style="position: fixed; bottom:5px;left:5px;" href="#" title="Click to go to top">LinkText</a>

Potete modificare la posizione del pulsante/link semplicemente cambiando i seguenti attributi:

bottom:5px; left:5px;

nota: a quanto pare questo metodo presenta dei problemi con Internet Explorer. Sto cercando un codice in giro che possa risolvere questo problema ;)
blogger per i nulli, come inserire un pulsante torna su fluttuante

Scoprite anche



4 commenti

  1. Anonimo // ha detto... 21 gennaio 2011 alle ore 17:48  

    Molte grazie per la guida!

  2. Miriam Turoldo // ha detto... 25 gennaio 2011 alle ore 18:12  

    grazie, l'ho appena inserito, utilissimo!!!

  3. Anonimo // ha detto... 30 gennaio 2011 alle ore 13:33  

    Ciao!
    si può avere la stessa cosa con un effetto chiamato scroll?

  4. irina // ha detto... 5 dicembre 2012 alle ore 22:43  

    ei ciao, io ho un tumblrblog e una volta inserito il codice e l'immagina, una volta cliccato sul pulsante non va su, non fa nemmeno un rederict.

Posta un commento