Bottoni top page Natale

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

Commentario...

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

~ Pagina visitata da 201 utenti

H:
Buon Inverno !

Menu top pagina

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

CSS Table

Come inserire nei css i parametri per delle table e celle, come per ogni altro accessorio che vogliamo inserire nella pagina, ci basterà scrivere le classi...

Leggi il tutorial...

Cbox - nuova Cbox!

Tutorial passo passo per la nuova versione della Cbox, la ciattina per brevi messaggi, gratuita e completamente personalizzabile da avere sul proprio spazio per comunicare velocemente con gli amici. Tutorial suddiviso in due pagine

Leggi il tutorial... e Theme editor

Immagini

Gif... clip... pixel... sfondi... paesaggi... ovvero immagini ^_^ Piccole, grandi, animate o statiche sono un po' il cuore del web e, come tutto quello che vediamo in una pagina web hanno bisogno di essere messe online, ovvero postate in una pagina e di un codice per essere visualizzate...

Leggi il tutorial...

Testo - font

Anche per scrivere il testo in una pagina web abbiamo bisogno di codici html, cioè impostare tramite tag il tipo, il colore e la misura del carattere che vorremo usare...

Leggi il tutorial...

Box fisso

Box che scrollano insieme alla pagina nei quali poter postare dal classico "Torna su" ad un particolare menu, i bottoni dei social network, informazioni specifiche, ecc. ecc. sicuro non passeranno inosservati...

Leggi il tutorial...

Menu bottoncini hover

Un menu ordinato e originale per chi ama graficare, bottoncini che si trasformano al passaggio
del mouse...

Leggi il tutorial...

Calendario perpetuo

Realizzare un calendario perpetuo ovvero che si aggiorni automaticamente di mese in mese non è difficile grazie ad uno script javascript...

Leggi il tutorial...

Frasi a rotazione o random

Script che permette di visualizzare una frase diversa ad ogni aggiornamento pagina, vediamo il codice e come fare le varie personalizzazioni...

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

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

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


	Il sito dedicato alla grafica e ai codici web... accessori, gadget, tutorial html e script, basi per siti e blog ...tutto ció che ti occorre per il tuo spazio online!

Home Commenti E-mail Amici Banner Credits Info cookie