Bottoni top page tag e pixel

Pagina aggiornata... Lunedì, 08 Dicembre 2025 * Tempo di caricamento 0.53 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 771 utenti

H:
Buon Inverno !

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 :..

Contenitori div colorati

Div con bordi e base colorati, vediamo quali sono i parametri necessari per avere dei contenitori assolutamente personalizzati

Leggi il tutorial...

Script in table

Piccola guida sull'uso delle table con gli script, per realizzare qualunque tipo di accessori e gadget, utilizzando anche più script insieme^^
N.B. La guida completa per la realizzazione delle table » Menu css e html

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...

Link

Indispensabili in ogni pagina web vediamo come scriverli in modo corretto e personalizzarli in base a ciò che ci occorre fare...

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...

Link effetto arcobaleno

Un modo carino e semplice per personalizzare i link...

Leggi il tutorial...

Testo effetto evidenziato

Testo evidenziato lettera per lettera, un effetto molto carino per titoli e messaggi ben visibili...

Leggi il tutorial...

Testo effetto ondulato e crescente

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

Leggi il tutorial...

Datario con saluto

Un solo script per visualizzare un saluto in base all'ora, l'ora e la data basterà postarlo nel punto in cui vogliamo visualizzarlo e si può facilmente personalizzare...

Leggi il tutorial...

Una frase per ogni giorno del mese

Script molto semplice con cui visualizzare una frase per ogni giorno del mese, ma anche un proverbio o un aforisma... largo alla fantasia e alla pazienza...

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...

Sari
14/01/2026 17:31:32

Buon Anno Penelope. Ho prelevato un top pagina sostituendo quello natalizio. Tutto bello e utile qui, grazie.

ೡ Scritto in... Marquee con Javascript

Frann
25/12/2025 15:09:37

Cara amica Penelope, ti auguro un

Natale, con pace, amore e tanta gioia.

Bacione ~ Frann

ೡ Scritto in... Home

filod'arianna
24/12/2025 08:50:20

Auguri di buon Natale Penelope, e a tutti i visitatori del Telaio 🎄✨😃

ೡ Scritto in... Home

Sari
18/12/2025 22:01:59

Ciao Penelope, ti seguo da anni e tanto ho imparato dalle tue lezioni: grazie. Ti auguro un Natale sereno e, nonostante i tempi che stiamo vivendo, in allegria. Buon Natale

ೡ Scritto in... Home

filod'arianna
14/12/2025 09:32:05

Ciao Penelope, ho preso un countdown

Grazie mille per averli messi a disposizione, sono deliziosi! Ne userò più d'uno sicuramente:-)

ೡ Scritto in... Countdown stagioni e feste

Elise
13/12/2025 18:12:05

Ciao carissima Penelope, quante meravigliose creazioni di Natale che hai realizzato, ne hopresa una, il caminetto con le calze, STUPENDO!!!!!Grazie tesoro un abbraccio grande e Buone Feste a te e tutta la tua famiglia.Elise

ೡ Scritto in... Decori pagine Natale

Grazia
06/12/2025 16:01:26

Ciao carissima Penelope💓 Wow bellissime le tue novità natalizie! A me tutto ok, ti ringrazio di essere passata nel Taccuino 🥰 Lascio un fortissimo abbraccio a te e ai ragazzi. A presto carissima 💖

ೡ Scritto in... Home

ೡ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