Bottoni top pagina

Pagina aggiornata... Domenica 23 Giugno 2019 * Tempo di caricamento 0.22 secondi
Link navigazione : Home ~ Gadget » Bottoni top pagina

..:: Bottoni top pagina ::..

Bottoncini che facilitano la navigazione dei nostri utenti per tornare all'inizio della pagina
o alla pagina precedente in un clic, come quello che trovate qui nel telaio^^

- Info

Prelevate il codice del bottone che vi piace e postatelo appena sotto il tag <body>

Affinché funzionino per bene occorre inserire la dichiarazione doctype,
che va scritta prima di ogni altro tag della pagina
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">

Per i blog Blogger/Blogspot andate nel pannello di controllo, cliccate su "Modifica HTML"
quando si è aperta la finestrella con il codice cliccate su f3 della vostra tastiera
e nella piccola finestrella scrivete </body>

Si evidenzierà il tag nel codice quindi subito sopra incollate il codice del bottoncino
Nel mio PenelopeBlog potete vedere uno dei bottoni all'opera ^_^

Versione soft

<div style="border: 0px; background-image:url('https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/penelope_bottoncino_top_2.png'); position:fixed; bottom:0px; right:20px; width: 139px; height: 84px;">
<table style="border: 0px; margin-left: auto; margin-right: auto;" width="139">
<tr>
<td height="54" width="43"></td>
<td height="54" width="86"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td align="center" width="133" colspan="2"><a href="javascript:history.back()"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/back_scuro.png" 
width="53" height="15" alt="Torna indietro" /></a> 
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/top_scuro.png" width="53" height="15" alt="Torna su..." /></a></td>
</tr>
</table></div>

<div style="border: 0px; background-image:url('https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/penelope_bottoncino_top_3.png'); position:fixed; bottom:0px; right:20px; width: 139px; height: 82px;">
<table style="border: 0px; margin-left: auto; margin-right: auto;" width="100%">
<tr>
<td height="50" width="43"></td>
<td height="50" width="86"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td align="center" width="133" colspan="2"><a href="javascript:history.back()"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/back_chiaro.png" width="53" height="15" alt="Torna indietro" /></a>
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/top_chiaro.png" width="53" height="15" alt="Torna su..." /></a></td>
</tr>
</table></div>

<div style="border: 0px; background-image:url('https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/penelope_bottoncino_top_7.png'); position:fixed; bottom:0px; right:20px; width: 139px; height: 73px;">
<table style="border: 0px; margin-left: auto; margin-right: auto;" width="100%">
<tr>
<td height="40" width="32%"></td>
<td height="40" width="61%"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td align="center" colspan="2"><a href="javascript:history.back()"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/back_chiaro.png" width="53" height="15" alt="Torna indietro" /></a>
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/top_chiaro.png" width="53" height="15" alt="Torna su..." /></a></td>
</tr>
</table></div>

<div style="border: 0px; background-image:url('https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/penelope_bottoncino_top_8.png'); position:fixed; bottom:0px; right:20px; width: 141px; height: 75px;">
<table style="border: 0px; margin-left: auto; margin-right: auto;" width="92%">
<tr>
<td height="44" width="19%"></td>
<td height="44" width="74%"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/stellinedorate.gif" width="32" height="32" alt="" /></td>
</tr>
<tr>
<td align="center" colspan="2"><a href="javascript:history.back()"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/back_chiaro.png" width="53" height="15" alt="Torna indietro" /></a> 
<a href="#top"><img border="0" src="https://www.iltelaiodipenelope.it/gadget/bottoni_top_page/images/top_chiaro.png" width="53" height="15" alt="Torna su..." /></a></td>
</tr>
</table></div>

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/bottoni_top_page/images/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/bottoni_top_page/images/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/bottoni_top_page/images/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/bottoni_top_page/images/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/bottoni_top_page/images/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/bottoni_top_page/images/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/bottoni_top_page/images/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/bottoni_top_page/images/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/bottoni_top_page/images/penelope_toppage_fiore.png" width="138" height="63" alt="Torna su"></a></div> <!-- Bottone TopPage - Penelope -->

Se puoi condividi sulle tue pagine social... Grazie ♥

Commentario...

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

I vostri commenti in questa pagina...

	il mondo animato ~ 21/04/2015 16:20:23
ciao scusa il disturbo♥ volevo chiederti come fai a mettere le etichette (penso si chiamino così) che si trovano in alto come per esempio "home" "commenti" "e-mail" "amici" ecc.....♥ graie mille x l'aiuto.

	Penelope 20/10/2014 23:57:06
Ciao cara batù ^_^ hai ragione perdonami avevo dimenticato di scrivere che su blogger il tag delle immagini va chiuso con una slash / finale, ovvero dove vedi: <img [.......] alt="" metti la slash qui /> Un abbraccione ♥

	batù simo ~ 17/10/2014 17:11:11
Ciao Penny, ho provato ad inserire il codice di un bottone (sopra la riga body come hai ben spiegato tu) ma non va. ecco quale messaggio salta fuori: Errore di analisi XML, riga 640, colonna 171: The element type "img" must be terminated by the matching end-tag "".spero che tu possa dirmi comefare perchè mi piacciono moltissimo :-)

	Valentina! ~ 19/08/2014 15:49:00
Sono molto carini! Forse ne metterò uno! ♥ P.S Da diversi giorni ti chiedo di visitare il mio sito e di commentare così sò che l' hai visitato ma non lo fai! Perfavore, lo puoi visitare?!

~ Pagina visitata da 8647 utenti

H:
Buon Autunno e ...buon weekend!

..:: Accessori e gadget ::..

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

Sito o forum
Blogger-Blogspot

I vostri messaggi...

nonna dani
19/08/2015 17:38:18

Ciao Penelope ho inserito nel mio blog di cucina l'almanacco trasparente e il contatore visite bellissimi e bellissimo il tuo blog. Ciao. Nonna Dani

ೡ Scritto in... Almanacco trasperente

elfazzurra
17/08/2015 14:25:53

Ciao Penelope sono passata per prelevare i bannerini perchè quello che avevo nel blog quando ci cliccavo sopra mi apriva una pagina pubblicitaria tedesca, ora liho cambiati e sembrano funzionare bene! ho preso alcuni divisori bellissimi e ti ho votato il tuo sito su Net-Parade. Grazie ancora, un abbraccio♥

ೡ Scritto in... Gif & co...

Francesca
14/08/2015 06:38:58

Grazie, non sapevo come inserire altri gadget. Mi sei stata molto utile.

ೡ Scritto in... Istruzioni Blogger inserire gadget

Raquel
06/08/2015 14:00:38

Ciao. Bellissima la tua page. Come faccio a inserire uno di questi gif nei miei post? Uso blogspot. Grazie di ♥ un bacione. *_*

ೡ Scritto in... Gif & co...

raquel
24/07/2015 22:58:49

ciaooo, ma che blog carino!♥ti ho scoperta per caso e amo il tuo sito/blog. ^_^come faccio ad aggiungere questo widget da me? *_* grazie mille. =)

ೡ Scritto in... Buona Estate

batù simo
23/07/2015 23:36:24

bellissimi, ne prelevo uno e metto sul mio blog :-) grazie!

ೡ Scritto in... Numero verde animali abbandonati

janas (lafatablu)
23/07/2015 10:02:22

Ciao, Penelope. Tempo fa ti scrissi una lunga mail ma non ho mai ricevuto risposta. Probabilmente non l'hai mai letta (magari è finita nello spam), volevo comunque ringraziarti ancora per tutto ciò che metti online, per me i tuoi tutorial sono davvero un aiuto prezioso. Col tuo permesso vorrei creare dei calendari basandomi sul tuo script, ovviamente con i dovuti crediti

Qua un esempio:[Link]Ciao, un abbraccio e grazie ancora

ೡ Scritto in... Calendario perpetuo

perla90
23/07/2015 07:07:06

Ciao Penny, ho preso Gadget ~ Stagioni » Stagione attuale... che mi piace tanto. GRAZIE per questi tuoi bei lavori.

ೡ Scritto in... Stagione attuale...

Annalisa
23/07/2015 01:19:04

Cara Penelope, buona sera, sto cambiando look al mio blog e sono venuta tornata da te, ho prelevato un datario ed un porta cbox, grazie per i tuoi bellissimi lavori.Annalisa

ೡ Home

Laura
16/07/2015 09:40:20

Complimenti per il tuo blog Penelope ti avevo anche scritto in pm su fb qualche giorno fa!!!!!!! intanto ho preso il kit "Il quaderno delle ricette!!!" volendo creare un blog di lettura era quello che poteva adattarsi meglio!!!! XD

ೡ Scritto in... Blogger Kit Ricette

Referer...


	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


	Il telaio di Penelope è online dal 2008... e dopo una lunga pausa ripartiamo da... 543 giorni ೡ Copyright © Penelope 2008 - 2020 Tutti i diritti riservati