Bottoni top page tag e pixel

Pagina aggiornata... Domenica, 30 novembre 2025 * Tempo di caricamento 0.90 secondi
Link navigazione : Home ~ Gadget ~ Top_page » Bottoni top page tag e pixel

..:: Bottoni top pagina tag e pixel ::..

Bottoni "Torna su" per tornare all'inizio della pagina con un clik e
nella versione soft, anche il "java-link" <a href="javascript:history.back()">Back</a>
per tornare nella pagina precedente

Questi bottoni sono realizzati in grafica e pixel, stelline e scrittine,
il codice è contenuto in un elemento div con parametri impostati affinché si visualizzino
sul fondo della pagina, nelle anteprime sembrano tagliati male ma l'effetto sarà
come il bottone che vedete nelle pagine del telaio, modificate se necessario, il parametro
"right:20px;" per aumentare o diminuire lo spazio alla destra della pagina

Nella pagina ci deve essere la dichiarazione doctype html, nei blog è già presente ma
se realizzate voi le pagine di un sito vi basterà inserire sopra il tag <html> <!doctype html>
(...Andrebbe inserito sempre!)

Incollate il codice sotto il tag <body> della pagina, o visto che è un po' lungo
e può dare fastidio, potete incollarlo appena sopra il tag </body> (tag di chiusura pagina)

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

Poggiate il cursore sul boxino (textarea) sotto il bottone/gif che vi piace
il codice sarà selezionato automaticamente, cliccate sul tasto destro del mouse
e nella finestrella che si aprirà su "Copia" incollate dove vi serve

Versione soft

Versione pucciosa

<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:30px; width: 91px; height: 150px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/img/penelope_toppage_micio.png" width="91" height="150" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:30px; width: 162px; height: 138px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/img/penelope_topage_gufottox.png" width="162" height="138" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:30px; width: 158px; height: 133px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/img/penelope_topage_fatinax.png" width="158" height="133" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->
<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:30px; width: 138px; height: 128px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/img/penelope_toppage_cuore.png" width="138" height="128" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:30px; width: 158px; height: 121px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/img/penelope_toppage_dolly.png" width="158" height="121" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:30px; width: 158px; height: 88px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/img/penelope_toppage_cuoriciottox.png" width="158" height="88" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->
<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:30px; width: 158px; height: 87px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/img/penelope_topage_vintagex.png" width="158" height="87" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:30px; width: 159px; height: 79px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/img/penelope_toppage_nuvola.png" width="159" height="79" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:30px; width: 138px; height: 63px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/img/penelope_toppage_fiore.png" width="138" height="63" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->

Spero vi piacciano e diano un tocco d'allegria alle vostre pagine
se li prelevate mettete un linketto per il telaio...

Link e Banner Grazie ^_^
Un abbraccione Penelope ♥

Commentario...

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

I vostri commenti in questa pagina...

	Elise ~ 20/07/2024 16:43:26
Ciao Penelope, ho preso un tuo bellissimo bottone top Home, spero non ti dispiaccia.Ti ringrazio.Un abbraccioneElise

~ Pagina visitata da 728 utenti

H:
Buon Autunno !

Menu top pagina

Natale
Bimbe
Orsetti
Tag e pixel

Segui il telaio su Facebook

..:: Accessori e gadget ::..

..Natale menu..

ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio

Sito o forum
Blogger-Blogspot

Basi pronte per siti web e Blogger
con vari soggetti, colori e stili...
- Copertine pagine Facebook

Template and more...

Anteprima...
..: html & script tutorial :..

Script in div colorati

Esempio pratico di come si utilizzano gli script in un div ^_^

Leggi il tutorial...

Colori esadecimali

Raccolta di tanti colori con valore esadecimale per poterli utilizzare nelle pagine, accessori, script...

Leggi il tutorial...

Colori rgb

Raccolta di tanti colori con valore rgb, necessari per impostare il colore in alcuni script e in determinati parametri css

Leggi il tutorial...

Direttive privacy coockie

Guida alle regole date dalla normativa sulla privacy nell'uso dei cookie, cosa e come avere uno spazio a norma

Leggi il tutorial...

Link style

Di default i link sono di colore blu e hanno la sottolineatura, basterà inserire nello stile (css/foglio di stile) specifici parametri per stabilirne il font, il colore, la misura e altri piccoli accorgimenti che non solo li renderanno omogenei al resto della pagina, ma ci permetteranno di renderli visibili nel modo giusto...

Leggi il tutorial...

Marquee con javascript

Realizzare le scrittine "in movimento" anche con javascript, nulla di complicato, basta fare un po' di attenzione alle solite virgolette e puntini di cui va ghiotto...

Leggi il tutorial...

Iframe per sito web

Utilizzare un iframe, una finestra nella home con misure personalizzate, dove far visualizzare tutte le pagine del sito... un'opzione che semplificherà il lavoro di aggiornamenti e modifiche

Leggi il tutorial...

Testo effetto ondulato e crescente

Due modi per scrivere titoli o messaggi di sicuro effetto...

Leggi il tutorial...

Saluto in base all'ora... con immagine

Smanettando un po' con il codice del saluto ad orario, ho pensato che al posto del testo si potevano visualizzare delle immagini ^_^ se vi piace graficare vi basterà preparare quattro immagini...

Leggi il tutorial...

Sorpresine

Lo script per preparare dei gadget molto simpatici, le famose sorpresine, ovvero giffette o tag che in una determinata data cambiano aspetto...

Leggi il tutorial...

Aggiorna il box

ೡ Visita la sezione Tutorial Home

..: Spazio web...

Realizzare e gestire un sito web
con l'hosting free più famoso...

Link del telaio...
Banner

I vostri messaggi...

ೡPenelope ♥
04/12/2025 02:20:20

Cara filod'arianna sistemato il link

un abbraccio

ೡ Scritto in... *Amici del telaio...*

filod'arianna
03/12/2025 11:57:26

Ti devo chiedere una gentilezza Penelope ^_^ ho modificato il dominio, potresti correggere il link del mio banner da librandosi.forumfree.it - a librandositralepagine.forumfree.it ? 🙏

ೡ Scritto in... *Amici del telaio...*

filod'arianna
03/12/2025 10:40:55

Ciao carissima

, ho preso un decoro per l'home natalizia ♥

ೡ Scritto in... Decori pagine Natale

ೡPenelope ♥
29/11/2025 18:34:13

Grazie a te carissima Marilinc

ೡ Scritto in... Settimanelli natalizi

ೡPenelope ♥
29/11/2025 18:30:37

Merci beaucoup chère Maleah, vous trouverez ici des modèles prêts à l'emploi pour Blogspot [Link] e ne peux pas réaliser de travaux sur commande, désolé

ೡ Scritto in... html e script Tutorial...

MARILINC
29/11/2025 08:59:51

Grazie infinite meravigliosi c'è solo l'imbarazzo della scelta!

ೡ Scritto in... Settimanelli natalizi

Maleah
26/11/2025 13:58:21

Bonjour de France,Je viens de découvrir ton superbe blog et suis très admirative pour l'excellent travail que tu fais.Je ne sais pas si tu acceptes de modifier des blogspots et tente ma demande d'aide :Je suis une créatrice depuis des années déjà mais j'avoue je suis NULLE quant à la mise en place " design" de mon blog.Accepterais-tu de me réaliser un design pour Noël ?Cela me comblerait de joie, mais si tu ne peux pas je comprendrais parfaitement ta décision.Merci de ta réponse & encore UN IMMENSE BRAVO pour tes diverses créations.Amitié virtuelle.Maleah-Sunsunmaleah@gmail.com

ೡ Scritto in... html e script Tutorial...

ೡPenelope ♥
13/11/2025 20:28:01

Grazie infinite cara Dany

ೡ Scritto in... Romantici vintage

DanyGraphic
12/11/2025 22:56:52

Ciao Penelope i template sono carinissimi come tutti i tuoi lavori d'altra parte. Ti faccio tanti complimenti. Un abbraccio grande, dolce

♥♥

ೡ Scritto in... Romantici vintage

ೡPenelope ♥
12/11/2025 22:27:17

Ciao Elżbieta ti ringrazio per il complimento, per la traduzione puoi usare Google Un abbraccio

ೡ Scritto in... Home