Bottoni top page Natale

Pagina aggiornata... Giovedì, 05 Marzo 2026 * Tempo di caricamento 0.003 secondi
Link navigazione : Home ~ Gadget ~ Top_page » Bottoni top page Natale

..:: Bottoni top pagina natalizi ::..

Bottoni top pagina natalizi in due versioni, i primi hanno un codice più lungo
perchè permettono sia di tornare su nella pagina che di tornare in quella precedente
nei secondi il codice è più semplice perchè consentono solo di tornare velocemente su

Affinché i bottoni siano visibili correttamente, 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!)

Per prelevare il codice poggiate il cursore sul boxino (textarea) sotto il bottone che vi piace,
sarà selezionato automaticamente, cliccate sul tasto destro del mouse e nella finestrella
che si aprirà su "Copia" incollate all'interno del tag <body>[...]</body>

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

<div style="border: 0px none; text-align:center; background-image:url('https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_1.png'); position:fixed; bottom:0px; right:20px; width: 164px; height: 140px">
<table style="border: 0px; text-align:center; margin-left: auto; margin-right: auto;" width="89%">
<tr>
<td height="102"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
<td valign="bottom"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="javascript:history.back()">
<img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_bn.png" width="39" height="7" alt="Torna indietro" /></a>&nbsp;&nbsp; 
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_tn.png" width="53" height="7" alt="Torna su..." /></a></td>
</tr>
</table></div>

<div style="border: 0px none; text-align:center; background-image:url('https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_2.png'); position:fixed; bottom:0px; right:20px; width: 164px; height: 136px">
<table style="border: 0px; text-align:center; margin-left: auto; margin-right: auto;" width="86%">
<tr>
<td height="98" valign="bottom"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
<td valign="bottom"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="javascript:history.back()">
<img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_bn.png" width="39" height="7" alt="Torna indietro" /></a>&nbsp;&nbsp; 
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_tn.png" width="53" height="7" alt="Torna su..." /></a></td>
</tr>
</table></div>

<div style="border: 0px none; text-align:center; background-image:url('https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_3.png'); position:fixed; bottom:0px; right:20px; width: 164px; height: 128px">
<table style="border: 0px; text-align:center; margin-left: auto; margin-right: auto;" width="86%">
<tr>
<td height="90" valign="bottom"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
<td valign="bottom"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="javascript:history.back()">
<img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_bn.png" width="39" height="7" alt="Torna indietro" /></a>&nbsp;&nbsp; 
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_tn.png" width="53" height="7" alt="Torna su..." /></a></td>
</tr>
</table></div>

<div style="border: 0px none; text-align:center; background-image:url('https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_4.png'); position:fixed; bottom:0px; right:20px; width: 164px; height: 128px">
<table style="border: 0px; text-align:center; margin-left: auto; margin-right: auto;" width="86%">
<tr>
<td height="90" valign="bottom"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
<td valign="bottom"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="javascript:history.back()">
<img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_bn.png" width="39" height="7" alt="Torna indietro" /></a>&nbsp;&nbsp; 
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_tn.png" width="53" height="7" alt="Torna su..." /></a></td>
</tr>
</table></div>

<div style="border: 0px none; text-align:center; background-image:url('https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_5.png'); position:fixed; bottom:0px; right:20px; width: 164px; height: 109px">
<table style="border: 0px; text-align:center; margin-left: auto; margin-right: auto;" width="86%">
<tr>
<td height="70"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
<td valign="bottom"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="javascript:history.back()">
<img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_bn.png" width="39" height="7" alt="Torna indietro" /></a>&nbsp;&nbsp; 
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_tn.png" width="53" height="7" alt="Torna su..." /></a></td>
</tr>
</table></div>

<div style="border: 0px none; text-align:center; background-image:url('https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_6.png'); position:fixed; bottom:0px; right:20px; width: 164px; height: 110px">
<table style="border: 0px; text-align:center; margin-left: auto; margin-right: auto;" width="86%">
<tr>
<td height="70"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
<td valign="bottom"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td colspan="2"><a href="javascript:history.back()">
<img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_bn.png" width="39" height="7" alt="Torna indietro" /></a>&nbsp;&nbsp; 
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/pt_img_tn.png" width="53" height="7" alt="Torna su..." /></a></td>
</tr>
</table></div>

<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:20px; width: 196px; height: 196px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_w3.png" width="196" height="196" alt="Torna su..." /></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:20px; width: 175px; height: 188px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_w2.png" width="175" height="188" alt="Torna su..." /></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:20px; width: 172px; height: 186px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_w6.png" width="172" height="186" alt="Torna su..." /></a></div> <!-- Bottone TopPage - Penelope -->
<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:20px; width: 158px; height: 185px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_w5.png" width="158" height="185" alt="Torna su..." /></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:20px; width: 175px; height: 185px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_w4.png" width="175" height="185" alt="Torna su..." /></a></div> <!-- Bottone TopPage - Penelope -->	<!-- Bottone TopPage - Penelope --> <div style="border: 0px; position:fixed; bottom:0px; right:20px; width: 193px; height: 161px;"> <a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/top_page/xmas_img/penelope_xmas_page_w1.png" width="193" height="161" 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 ♥

Segui il telaio su Facebook

Commentario...

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

~ Pagina visitata da 143 utenti

Menu top pagina

Accessori e gadget

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

Sito o forum
Blogger-Blogspot

Link del telaio...

☆ Template and more
☆ Un sito su AlterVista
☆ Gif & co...

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

Colori esadecimali

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

Leggi il tutorial...

Marquee speciali

Tanti modi per avere scrittine in movimento con personalizzazioni originali...

Leggi il tutorial...

Table sfondo

Le table sono trasparenti, ciò significa che prenderanno il colore o lo sfondo su cui son state postate, ma se occorre possiamo personalizzarlo con un colore o un'immagine (background)...

Leggi il tutorial...

Box div con effetto rilievo

Pochi semplici parametri css3 per avere contenitori div con effetto rilievo, da utilizzare come contenitore principale del sito per non appesantire le pagine con elaborate basi grafiche, rendere visibile in modo elegante un boxino per messaggi/news o abbellire delle immagini senza formati particolari che si caricano con difficoltà...

Leggi il tutorial...

Link effetto cascata

Fiocchi di neve, cuoricini o fiori che appaiono al passaggio del mouse sui link...

Leggi il tutorial...

Countdown

Script tra i più ricercati per realizzare gadget e "post it" personali, ovvero quanto manca ad una determinata data, per esempio, quanto manca al Natale, all'arrivo dell'autunno, ecc. ecc...

Leggi il tutorial...

Data

Script per visualizzare la data nelle pagine web in vari formati e con le personalizzazioni che ci servono...

Leggi il tutorial...

Immagine per ogni giorno del mese

Script per gli amanti della grafica e delle giffette^^che ci permette di visualizzare un'immagine diversa per ogni giorno del mese

Leggi il tutorial...

Stagione attuale

Questo script mi è stato scritto appositamente per realizzare il gadget dell'almanacco dal mio bradipo, un codicino piccolo piccolo per far visualizzare la stagione in cui stiamo vivendo...

Leggi il tutorial...

Aggiorna il box

☆ Visita la sezione Tutorial Home

I vostri messaggi...

DanyGraphic ~ 06/04/2026 20:14:40
Ciao Penny , grazie per il tuo consiglio, sei sempre un punto di riferimento . Un abbraccione a te . Ti auguro una buona serata

ૡScritto in Home

DanyGraphic ~ 06/04/2026 13:51:58
Ciao Penny e buona Pasquetta , oggi casualmente ho dato un occhiata alle pagine con testo scorrevole che volevo sistemare e magicamente funziona tutto come prima , compreso le stelline che scendono sulle immagini .....è un caso che tu sappia ....? io non trovo nulla a riguardo, ma credo rimetterò le pagine online . Buonissima giornata

ૡScritto in Home

ૡPenelope ♥ ~ 04/04/2026 17:38:15
Grazie infinite Bibi e Krault un abbraccio forte forte Buona Pasqua a voi e a tutti gli amici del telaio

ૡScritto in Home

Krautl ~ 04/04/2026 09:53:12
Frohe Ostern

ૡScritto in Commenti telaio...

BiBi ~ 04/04/2026 07:18:36
Buona Pasqua a Penelope 🌺 e a tutta l'utenza

ૡScritto in Home

DanyGraphic ~ 02/04/2026 18:17:56
Sono passata per un saluto . Sempre piacevole navigare nel tuo sito , un abbraccione e cari Auguri di buona Pasqua

ૡScritto in Home

Grazia ~ 02/04/2026 08:16:05
Buongiorno carissima Penelope, sempre bellissimo e interessante qui! Ottimo il nuovo aggiornamento sulla funzione marquee :) Ti lascio un forte abbraccio e tanti carissimi auguri per una serena Pasqua. Ciao!

ૡScritto in Home

ૡPenelope ♥ ~ 30/03/2026 16:18:12
Ciao carissima Ahamiah non sono riuscita a lasciare un saluto nel tuo forum quindi ti ringrazio tantissimo e ti mando un forte abbraccio qui

ૡScritto in Datari con saluto more image

=ahamiah= ~ 29/03/2026 09:48:10
Buona domenica delle Palme, ho riscoperto il vostro forum e vi faccio i complimenti. Ho prelevato il codice di uno dei vostri saluti con data. Grazie a buon lavoro.

ૡScritto in Datari con saluto more image

Cris ~ 28/03/2026 18:34:53
Ciao, sono passata per un salutino. Buon fine settimana!

ૡScritto in Commenti telaio...


	Il telaio di Penelope è online dal 2008 e dopo una lunga pausa ripartiamo da... 2 anni, 7 mesi, 5 giorni ೡ Copyright © Penelope 2008 - 2026 Tutti i diritti riservati