Bottoni top page tag e pixel

Pagina aggiornata... Domenica, 26 maggio 2024 * Tempo di caricamento 0.09 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 638 utenti

H:
Buon Autunno e ...buona domenica!

Menu top pagina

Bimbe
Orsetti
Tag e pixel

Segui il telaio su Facebook

..:: Accessori e gadget ::..

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

Sito o forum
Blogger-Blogspot

Anteprima...
..: html & script 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...

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

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

Cursore stelline

Un cursore magico da cui scendono tante stelline colorate...

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

Saluto in base all'ora... con testo

Piccolo script per visualizzare un saluto in base all'ora con frasi di testo...

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

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

Veronica
10/10/2025 16:10:17

Ciao ne ho preso uno x il mio blog

ೡ Scritto in... Countdown stagioni e feste

Giusyna
09/10/2025 07:09:17

ciao cara vorrei qualche volta se ti e' possibile fare due chiacchiere su facebook se hai piacere mi dici in che orario ci sei?grazie Giusyna

ೡ Scritto in... Home

Grazia
30/09/2025 17:38:43

Ciao carissima Penelope, un forte abbraccio e buon autunno, sempre bellissimo qui :)

ೡ Scritto in... Home

filod'arianna
30/09/2025 08:23:45

Ciao Penelope! con un discreto ritardo, voglio ringraziarti per aver ricambiato il banner.. spero vada tutto bene, a presto

ೡ Scritto in... *Amici del telaio...*

Veronica
27/09/2025 14:42:47

Ciao non so dove scriverti che o preso il tuo banner x il mio blog volevo avvisarti buona serata

ೡ Scritto in... Contatti

Giusyna
17/08/2025 17:52:34

Ciao a Penelope e' bellissimo qui complimenti ho aggiunto il tuo sito ai link amici spero ti faccia piacereun abbraccio e buone ferie

ೡ Scritto in... *Amici del telaio...*

Luca
04/06/2025 22:41:43

Ciao

ೡ Scritto in... html e script Tutorial...

filod'arianna
01/06/2025 09:15:59

Ciao Penelope

! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna"

che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum[Link]

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

Cleo
22/05/2025 07:05:05

ciao tesoro auguri per ieri ti aspetto qui [Link]

ೡ Scritto in... Home

olga
05/05/2025 20:37:45

prelevato widget post e commenti.Grazie

ೡ Scritto in... Home