Pagina aggiornata... Martedì, 26 Maggio 2026 * Tempo di caricamento 1.001 secondi
Link navigazione : Home ~ Gadget ~ Top_page » Bottoni top pagina

..:: Bottoni top pagina ::..

Una delle cose più scomode di navigare in uno spazio web con pagine piene di contenuti è
dover scrollare "a mano" per tornare sopra la pagina dove in genere ci sono i menu con i vari link,
offrire la possibilità di farlo in un clik secondo me è essenziale, e ovviamente basta un piccolo
bottone, una freccia o una scritta purchè sia ben visibile... ma se il bottone fosse anche carino!?!

Ho preparato dei bottoni in pixel e grafica dolcissimi, buffi ma eleganti e soprattutto funzionali,
hanno codici differenti in base al tipo di grafica, uno piccolo per le tag/gif e più lunghi per quelli
realizzati completamente in grafica scrittine comprese e in alcuni oltre al link torna su
c'è anche quello per tornare nella pagina precedente

Per realizzare un bottone personalizzato il link necessario per il torna su è <a href="#">...</a>
se nel tag si scrive del testo avrà i parametri definiti nel css della pagina, e a meno che non abbiate
impostato una misura per il font abbastanza grande potrebbe essere poco visibile, la soluzione migliore
sarebbe, classe specifica per il link e un "bottone" in html (div) a cui si aggiungeranno i parametri
di posizione, che di solito è in basso a sinistra della pagina bottom:20px; right:20px
per un bottone con un'immagine/gif' già completa di testo Torna su, baserà scrivere il link così
<a href="#" style="position:fixed; bottom:20px; right:20px;">
<img src="https://url-sito/nome-immagine.gif" width="xx" height="xx" alt=""></a>

Se si vuole aggiungere anche la possibilità di tornare nella pagina precedente
il link da inserire è questo
<a href="javascript:history.back()">Back</a>

🌹Se vi piacciono i bottoni del telaio per prelevare il codice basta posizionate il cursore sui
boxini (textarea) sotto le anteprime sarà copiato automaticamente, incollatelo nella vostra pagina
subito prima del tag </body> (tag di chiusura pagina) così non si crea confusione
con il resto dei codici, sopratutto per quello più lungo

Nei blog Blogspot basterà incollare il codice in un box "Aggiungi gadget - HTML/JavaScript"

Spero vi siano utili, se prelevate un Top pagina ricordatevi di mettere
un link per il telaio ❣ Link e Banner Grazie... Penelope ♥

Bimbe
Orsetti
Torna indietro Torna su...
Torna su
Tag e pixel
Torna indietro   Torna su...
Natale



Segui il telaio su Facebook



Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^









I vostri commenti in questa pagina...


Lu ~ 20/05/2024 22:37:37
Che bello, ho trovato un pulsante che corrisponde al mio blog, l'ho già installato e sembra perfetto! Grazie mille per gli ottimi tutorial, amica Penelope!!
milo ljussyster ~ 23/11/2023 13:10:38
HelloI am from Sweden and I was happy when I see your side still works, so many left their homepage I borrow your beautiful bottom Thank You, Have a Happy Holidays to come Hugs from me
Gabriella ~ 25/09/2023 12:21:45
Bentornata Penelope , ho prelevato un tuo bellissimo bottone. Grazie di cuore !
ૡPenelope ♥ ~ 20/10/2014 23:57:06
Ciao cara batù ^_^ hai ragione perdonami avevo dimenticato di scrivere che su blogger il tag delle immagini va chiuso con una slash / finale, ovvero dove vedi: <img [.......] alt="" metti la slash qui /> Un abbraccione ♥
batù simo ~ 17/10/2014 17:11:11
Ciao Penny, ho provato ad inserire il codice di un bottone (sopra la riga body come hai ben spiegato tu) ma non va. ecco quale messaggio salta fuori: Errore di analisi XML, riga 640, colonna 171: The element type "img" must be terminated by the matching end-tag "".spero che tu possa dirmi comefare perchè mi piacciono moltissimo :-)
Valentina! ~ 19/08/2014 15:49:00
Sono molto carini! Forse ne metterò uno! ♥ P.S Da diversi giorni ti chiedo di visitare il mio sito e di commentare così sò che l' hai visitato ma non lo fai! Perfavore, lo puoi visitare?!




~ Pagina visitata da 12157 utenti