Trocado e renovado este tutorial...

Bons dias e um feliz domingo,tenho estado ausente ,por não ter tido tempo como gostaria ... Mas venho trazer uma dica ,código para colocár botão subir ao topo.
Como pode vêr na imagem acima é resultado final...
Pode visualizár aqui online...      VEJA AQUI...

Vamos lá aplicár...

Antes de tudo faça uma cópia do seu template...

Colocando o css procure por este código...




E acima cole este meu código...

#top-arrow {
text-align:center;
background: #fcfcfc;color: #444;overflow: hidden;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
text-align: center;width: 160px;height: 44px;display: block;margin: 0px auto;margin-top:-10px;
text-shadow: 0 1px 1px black;
    border: 1px solid #a9a9a9;
}
#top-arrow a {
color:#444;font-family: Oswald;font-size:26px;text-shadow: 0px 1px 0px #999, 0px 2px 0px #888;
}
#top-arrow a:hover {
color:#f0f0f0;
}


Agora vamos colocár html ,procure este código...



Ou então procure este código...


E acima cole meu código...

<div id='top-arrow'><a href='#top'>Back to top</a></div>


 Salve e visualize....
Postagem reformulada 09/07/2016...


2 comentários

comentários
 
 
Back to top

Estatísticas

  • Postagens
  • Comentários
  • Visualizações
🔗 Contato✔ Apoio 🔗
Reservado © 2016 ❝ Autôr