Bottoni top page tag e pixel

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

H:
Buona Primavera !

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

Script in div colorati

Esempio pratico di come si utilizzano gli script in un div ^_^

Leggi il tutorial...

Caratteri speciali html

Raccolta di caratteri speciali html necessari in alcuni script e pagine web...

Leggi il tutorial...

'https' Hyper Text Transfer Protocol Secure

https il prefisso più usato nel nostro quotidiano, tra acquisti e ricerche online ormai non ci facciamo nemmeno più caso, considerando che con app e browser possiamo accedere nei nostri spazi preferiti senza dover digitare l'indirizzo web, parliamo appunto di uno dei protocolli per la trasmissione dati in rete "Hypertext Transfer Protocol Secure"...

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

Link style

Di default i link sono di colore blu e hanno la sottolineatura, basterà inserire nello stile (css/foglio di stile) specifici parametri per stabilirne il font, il colore, la misura e altri piccoli accorgimenti che non solo li renderanno omogenei al resto della pagina, ma ci permetteranno di renderli visibili nel modo giusto...

Leggi il tutorial...

Menu a discesa

Realizzare e personalizzare con tante opzioni i menu a discesa...

Leggi il tutorial...

Briciole di pane

Briciole di pane, ovvero link di navigazione, oppure in che pagina sei in questo momento, script molto comodo che permette agli utenti di sapere sempre quale pagina stanno leggendo e avere la possibilità di tornare nella home o nella index della sezione che stavano navigando in un attimo...

Leggi il tutorial...

Testo effetto evidenziato

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

Leggi il tutorial...

Testo effetto ondulato e crescente

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

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

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 ♥
23/04/2025 16:44:57

Grazie infinite cara Gabriella

ೡ Scritto in... Decori per pagine web

Cleo
14/04/2025 07:51:14

Tesoro buon giorno come stai?? scusa se ti disturbo volevo saperese a te Ws ftp funziona per salvare tutto sul sito altervista a me non sta funzionando piu io ho winws10 tu cosa utilizzi mi puoi aiutare appena apro wstp si chiude non sto riuscendo a pubblicare grazie in anticipo un abbraccio e buona settimana santa tesoro

ೡ Scritto in... Contatti

Gabriella
29/03/2025 13:09:27

Ciao Penny, che meraviglia ! Li preleverei tutti, intanto ne ho prelevato uno ma c'è veramente l'imbarazzo della scelta . Complimenti come sempre !

ೡ Scritto in... Decori per pagine web

Grazia
09/03/2025 18:13:32

Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo

ೡ Scritto in... Home

Gabriella
07/03/2025 12:04:36

Ciao Penny, visto che usufruisco spesso delle tue lezioni di codici e html ho preso i tuoi banner ;) Grazie e un abbraccio

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

Mamyr
06/03/2025 13:34:06

Ciao Penelope, grazie per questo tuo sito meraviglioso e molto utile, ho prelevatoL'almanacco in table -blu- per inserirlo nel mio blog. Inserirò anche il tuo banner, grazie ancora e buona giornata.

ೡ Scritto in... Almanacco in table

Pinalie
03/03/2025 01:38:03

Oh sweet Penelope

.. im sorry you can make no comment yet on my pageim still working to make it fit to goi hope end summer it will be done, i hope whoo!i instalt a new clock from you.. love your clocks so much thank you so much again for your lovley giftmy derest greetings ♥♥♥

ೡ Scritto in... Orsetti...

Grazia
26/02/2025 09:43:32

Ciao carissima Penelope, come stai? E' da tanto che non ci sentiamo. Qui è sempre tutto meraviglioso! Sono passata a prelevare un tuo banner da inserire nel mio nuovo spazio web, alla fine sono riuscita ad inaugurare quel "famoso" sito statico in cui offro piccole utilità grafico/digitali agli utenti e l'ho chiamato Dreamland...mi ci è voluto un po' ma sono partita col progetto...dai che così magari ci sentiamo più spesso. Ancora complimenti, un abbraccio e sereno proseguimento di giornata ♥

ೡ Scritto in... Home

ೡPenelope ♥
18/02/2025 20:27:41

Dear Pinalie thank you so much, I couldn't leave a message in your space, a big hug ♥

ೡ Scritto in... Orsetti...

ೡPenelope ♥
18/02/2025 20:16:52

Cara Filo d'arianna ti ringrazio tanto, fammi sapere quando avrai un tuo spazio così da poter ricambiare, una abbraccio forte ♥

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

* Buona Primavera! *


	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