Bottoni top page tag e pixel

Pagina aggiornata... Venerdì, 14 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

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 710 utenti

H:
Buon Autunno e ...buon weekend!

Menu top pagina

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

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

Contenitori div invisibili

Div, contenitore/box quasi essenziale nel mondo web, piccola guida su come usarli senza bordi colorati, ovvero invisibili per realizzare particolari accessori e gadget

Leggi il tutorial...

Div invisibili dreamweaver

Realizzare div personalizzati con l'editor dreamweaver

Leggi il tutorial...

Pagina anteprima gadget

Realizzare una pagina che ci permetta di mostrare le anteprime di accessori e gadget preparati per gli utenti affinché possano prelevarli...

Leggi il tutorial...

CSS elemento div

I div sono dei "contenitori" molto utilizzati nelle pagine web, sopratutto per realizzarne la struttura oltre che ovviamente per postare degli accessori in punti precisi della pagina, completamente personalizzabili ne diventa ancor più pratico l'uso con l'ausilio dei css...

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

Cursore

Se vogliamo abbellire le nostre pagine non possiamo assolutamente trascurare "il cursore" possiamo trasformarlo come e dove vogliamo, semplicemente variando la forma, sostituirlo con piccole gif o addirittura affiancarlo ad una scritta...

Leggi il tutorial...

Table scroll

Nelle nostre table possiamo mettere lo scroll, affinché abbiano delle misure predefinite ma possano contenere lunghi testi o tante immagini...

Leggi il tutorial...

Font personalizzato nel sito...

Personalizzare con pochi semplici passaggi il font, carattere del testo, nel nostro sito o in una pagina web!

Leggi il tutorial...

Testo effetto evidenziato

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

Leggi il tutorial...

Conta tempo

Script che ci permette di visualizzare il tempo trascorsoda una data prestabilita, tipo da quanto tempo è online il nostro spazio...

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

Elise
26/10/2025 19:43:22

Ciaoooo carissima Penelope,ho preso una fatina per il mio blog.Sei bravissima come sempre e ti ringrazio tanto.Un abbraccioneElise

ೡ Scritto in... Romantiche fate...

JamieSilverJsC
26/10/2025 19:08:12

Buon sera Amica!!

Bellissima tuo sito!! Buon domenica

ೡ Scritto in... Home

filod'arianna
25/10/2025 07:27:02

Buongiorno! Ho adottato un pixel ❣😘

ೡ Scritto in... I love Winter...

Frann
24/10/2025 21:22:26

Ciao cara Penelope...come stai?Sono passata solo per farti sapere che ho aggiunto una casella messaggi al mio blog. Sentiti libera di lasciare un messaggio lì se vuoi :) Un abbraccio, cara.

ೡ Scritto in... Home


	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