>
Image Map

Tuto - Data Personalizada no blog

1 de agosto de 2013 |

Aprendi noMiki Candy. Ele tem umas bordinhas arrendondadas, e quando passa o mouse por cima ele fica sem a borda arredondada e o melhor de tudo é que você pode editar as cores do seu jeito


Abra no seu HTML, tecle ctrl + f e procure: 
]]></b:skin>
Acima do código que achou cole: 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.main-inner h2.date-header {
font-family: silkscreen;
margin-right: -59px; /* Altere o valor até que fique do tamanho certo */
margin-top: 10px;
float: right;
font-size: 8px;
padding: 5px;
color: #fff; /* Cor da Letra */
background: #bc8fbc; /* Cor do fundo */
text-shadow:#767676 0px 1px 1px;
box-shadow: 2px 2px 3px #ccc; /* Sombra */
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-left-radius:0px;
border-bottom-right-radius:10px;
-webkit-transition-duration: .50s;
}
.main-inner h2.date-header:hover {
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
font-family: silkscreen;
-webkit-transition-duration: .50s;
background: #DB7093; /* Fundo hover */
}

Nenhum comentário:

Postar um comentário

Olá Gurias e Guris também porque não ♥
Fico muito feliz com seu comentário!!
------------------------------------------------------------------
Agora alguns recadinhos importantes:

♥ Deixe seu link para que eu possa retribuir sua visita;
♥ Se estiver seguindo aqui, me avise para que eu possa seguir seu também;
♥ Comente com todo seu carinho, leia o poste e comente algo relacionado, que retribuirei com o mesmo gesto; ♥
♥ Meus comentários são moderados por segurança, e que eu tenha controle e que eu não deixe de responder ninguém.
♥ Para dúvidas e parcerias entre em contato por e-mail: ~coffecomaszamigas@gmail.com~

~ Obrigada e Volte sempre! ♥
Café com as Zamigas |Luana Mendes

Instagram: @luanamendesblog
Canal no Youtube: Luana
https://www.youtube.com/user/meninadivadamoda