5.2.14

Botão de leia mais em hover



Heey gente >3<
O blog anda meio parado né...Pois é,eu tô fazendo outro layout,sim,outro,eu não gostei desse e agora eu quero caprichar entendem?
Ando pesquisando muito sobre HTML pro próximo lay,e eu acabo achando umas coisas bem legais e acabo querendo compartilhar aqui com vocês.Achei um tuto de botão de leia mais hover,que nem aqui no blog,fica bem mais legal e clean!
Vá no HTML do seu blog e procure por

]]>
Cole acima disso :
.jump-link{
float: right; /* no lado direito ou esquero, pode mudar para left */
background-color: #A9EFDD; /* cor do fundo */
padding-left: 2px; /* espaçamento esquerda */
padding-right: 2px; /* espaçamento direita */
padding-bottom: 5px; /* espaçamento embaixo */
padding-top: 5px; /* espaçamento emcima */
font-size: 10pt; /* tamanho da fonte */
color: #000000; /* cor da fonte */
text-align: center; /* alinhamento do texto */
width: 100px; /* largura do fundo */
opacity: 0.7; /* opacidade */
-webkit-transition-duration: 1.00s; /* duração da volta do hover */
border-radius: 20px;
}

.jump-link:hover{
background-color:  #EFA9D2; /* cor do fundo com o mouse em cima */
padding-left: 2px; /* espaçamento esquerda */
padding-right: 2px; /* espaçamento direita */
padding-bottom: 5px; /* espaçamento embaixo */
padding-top: 5px; /* espaçamento em cima */
color: #000000; /* cor da fonte */
width: 100px; /*largura do fundo com  o mouse em cima */
opacity: 1.0; /* opacidade */
-webkit-transition-duration: 1.00s; /* duração do hover */
text-decoration: none; /* sem sublinhado, negrito, itálico ou tachado */
}
Já está tudo explicado no código :) Qualquer duvida é só perguntar!
Ah,e sobre a minha ausência,não tenho previsão de quando eu posso postar,por isso preciso muito de alguem de fique esses dias,interessados entrem em contato! 

Nenhum comentário:

Postar um comentário

-Comentários anônimos são tão bem vindos quanto o de qualquer outro leitor,mas desfrute do seu bom senso.
-''Seguindo,segue de volta?'' Comente sobre o post antes,e se eu gostar do seu blog,eu sigo.
-Palavrões são permitidos desde que não sejam usados com a finalidade de ofender alguém.
-Não respondo comentários com a única finalidade de divulgar seu blog.
-''Aceita afiliação?'' Comente sobre o post antes,se eu gostar do seu blog eu aceito.
-Deixe a URL do seu blog no final,adoro conhecer blogs novos.