sábado, 13 de abril de 2013

Seta para o topo da pagina


imagem


imagem

Olá, agora vou ensinar a vocês como colocar a seta para o topo da pagina. É bem simples e rápido  em primeiro, vamos para personalizar → editar HTML. Agora aperte Ctrl + f e procure por </style> e coloque o código abaixo ANTES.

#scrollToTop:link,#scrollToTop:visited {  color: transparent;  background-color: transparent;  display: none;  position: fixed;  top: 15px;  right: 15px;}


Ctrl + f de novo e localize </head> e coloque o codigo abaixo ANTES.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkQwsZ_XPIJFptyqr73H9XwZU2utaEvo8S1_CuD1Em8x8rLbbA-MDw8Yj5JKudFKX-BRgVeWczVBKtMygAUDWXjzabmAvJxxXCvpw4h6QeFikCXb2V7KkZBN0lx54DKVTarfwcEYcnnlY/s288/setaw.png" border="0"></a>
Colocando dessa forma, você vai ter essa seta:


Mas você pode ter vários modelos, é só modificar o que está em vermelho, pela foto que você queira que esteja na seta.

abaixo temos algumas bem legais:

Url: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjRS-f1QFWa7oQhZ_bHPRrHjNwFLJW2oKZWr2L07h43xGd5gpqecJCe9ij4mnQrUhiXCtOPxQzhyNtLGvdmrMl8Jh2HaK2Ls84qTFu_WXzHb98cqwKxZ6Y7Do4x1EF-6pRiR_U5Y5L3U/s1600/Seta.png

Url: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQq_rNvgS0dKnIt0RXhy20n2JpwxbPIfyrKLfTV1gj4NVUzDT1bSdY5XOP_reZwr-CAbkxUVUmrY-UE6YMycrw_J3Nf7_JoAuVYLPt1bva0xaiOt-lPWO7TvqVZ4ZUXmYJxNeRgzU_wvRV/s1600/Sem+T%C3%ADtulo-1+c%C3%B3pia.PNG


Url: https://sites.google.com/site/docesonhodemenina/Seta3.png


Url: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Nn2bSJgEmX5AX1xAdUTmMzdG1iG6nHlTlh5cfSMLv662kNJ7E2aYXv5jBqdOKqeT4PXMPG7ZS8LAjq_yFuz4Ba3U43Uvgpe8dABMkeSUAacI1j9DFl42JhwveSzb2qYirLbWVFiKVA4/s1600/vat7.png


Url: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPQ-WfJmL9AZrhRz9FKXRP8fPi0ogL1MjbJlyUQtCVHT-xA0MBWLAPahfKN-PmLTWVvbwGVMiDvKk9u-Th4oK-oA_x3KnZYpv-K7uX6aOtqLYIKGKi5bpJ6Cj1GlIjAMuRCyDW-XrGgyQ/s1600/2.png


Url: http://i.imgur.com/w9wZr.png


Url: http://i.imgur.com/DqQud.png


Url:  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK4BlGbndpF1ZEynMhY3XSFYrpPaNXtaBvSKW_Nruuij3zlljdDlAQ07hdTtfpvM5-xHIbnhcGiAOHqBKEpX1L4au9B8yHZSA-fQmT2fNiBr07k6oT3gF_yjh1mH4rFxmlFBTjm-PVlks/s1600/up.png



Url: http://vmulher5.vila.to/interacao/9176788/setas-para-voltar-ao-topo-do-blog-226271-5.png


Url: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7OiomN582F_NmiO82R5vXOsKvxwMNULoGecdCLkkidDCaXWta0-6xpZd_6HEqmQ574ex-067vkOCVISiI0sIDlHvQr8hahftMxLdNQsdKU11Gxs7RSAN88dgoiEBhX2AYrXtUlcvXP6ap/s1600/all+topo.png




Url: http://media.tumblr.com/tumblr_lx2rj7hobv1qfjy56.png


Url: http://media.tumblr.com/tumblr_lx2rjbqQSq1qfjy56.png


Url: https://lh5.googleusercontent.com/-1zV_kdoVHrQ/TuEr2nqtT6I/AAAAAAAABRg/TVSf3JuiFrQ/s136/cvbnhgbfgbujhfgbhjhnbfgbujnhb.png

Url: http://static.tumblr.com/cvntii2/HOlly6h4q/tumblr_lw1uhmjvr31r00ov2.png


url: http://static.tumblr.com/cvntii2/iyOly6gyo/tumblr_lw1uh3ufi61r00ov2.png



Url: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGVLMsVcBcdKVI0EQdh9VfvZ1-4IYtoKGU236De3YO-xRIaSZ4qpnBcP_3p19f3f_RrwIU-jBl_mqIoTTXxuwsUfGgdHJQvqcEp2kCHx6vSDEHp5qMWHI080yPxSNwo7MC9goBWiaScH4/s1600/topo5.png


url: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHcqm1LWSiwQEZOsHadJLmaHhF7tmzAStkiaTdyoBcvL7dHdwI1OwJIdL5syombtxamxmjeoSGrrcMtsrJxx5lFKIoCtxvI4H4djMiDU5a9LJJTTNLPOhMGkh2DdFIE23DePD2SFBgGaU/s1600/SCRAPPERSEMPORIUM+STICKER+TREAT+3.png


Url: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT6yh4EQr6s_b_4NvxclzMdWOs8r3tJQmVxSYOXXsQSJwsFSochaGuxt8bUM8RaZKfhCHn2kUhhA0tTL5Ws6HmVhmfISvBNYN3XootGjCyhCHzUVKAK5jAoeU9bjbVYFXM1iZUMMr8RCU/s1600/topo4.png








Nenhum comentário:

Postar um comentário

• Nada de xingamentos e ofenças