Bottoni top page Natale

Pagina aggiornata... Sabato, 29 novembre 2025 * Tempo di caricamento 0.91 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 7 utenti

H:
Buon Autunno !

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

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

Colori esadecimali

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

Leggi il tutorial...

CSS table struttura sito

Come scrivere le classi per delle table e celle che useremo come contenitori per realizzare una pagina web/home sito...

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

Marquee

Un modo simpatico e sicuramente visibile per attirare l'attenzione in punti specifici di una pagina, scrittine o immagini che camminano...

Leggi il tutorial...

Table base e style

Un ottimo "strumento" per realizzare un qualsiasilavoro web, che sia un sito o un semplice gadget, si hanno a disposizione un'ampia serie di parametri che ne permettono la personalizzazione totale...

Leggi il tutorial...

Link effetto arcobaleno

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

Leggi il tutorial...

Testo effetto ondulato e crescente

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

Leggi il tutorial...

Box scroller

Script per box con scroll particolare, vediamo il codice e le personalizzazioni possibili...

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

Segna tempo

Un segna tempo è un cronometro che si avvia quando si accede nella pagina in cui è stato inserito, un modo simpatico per interagire con i nostri visitatori...

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

Elżbieta
05/11/2025 14:28:32

Wizualnie podoba mi się Twój blog, ale nie wiem jak włączyć tłumaczenie. Pozdrawiam

ೡ Scritto in... Home

Veronica
01/11/2025 16:58:42

Preso un tuo adottino x il mio blog

ೡ Scritto in... Home

Karla "SEyez"
28/10/2025 14:50:44

Bellísima!

ೡ Scritto in... Banner link del telaio ^_^


	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