Bom, eu sou a ÚNICA postadora Yuuko Chan, podem me chamar de Yuu, ou Yuu Chan ^^. Bom o primeiro tutorial vai ser como fazer sépia nas imagens do seu Blog. Sépia é pra dar uma aparência de velha na foto, fica meio amarelado mesmo, tipo foto antiga de veradade, não são muitos blogs que usam (pelo menos não a maioria dos blogs que eu vi). A maioria mesmo não usa mesmo.
Esse efeito sépia só é ativado com o cursor (essa seta branca marota =3). Então prossigamos ^^!
Primeiro vá em Modelo > Editar HTML > Clique no HTML do seu Blog >Aperte CRTL+F ou F3 > E na barrinha aparecer clique nela procure: ]]></b:skin>
ACIMA DE ]]></b:skin> cole esse código:
img {
-webkit-filter: sepia(0%);
transition:All 0.4s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-filter: sepia(100%);
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;}
E se quiser ver se deu certo, não vai ser possível. Não adianta clicar em "Visualizar Modelo" porque ele não vai mostrar, já tentei fazer isso algum tempo atrás quando eu tinha um Blog legal (há uns 2 ou 3 anos, rs rs rs). Depois clique em "Voltar" e em "Visualizar blog". Passe o cursor (essa seta branca marota =3) em cima e se o efeito ficar: PARABÉNS, AÍ ESTÁ O SEU NOVO EFEITO!!!
Espero que tenham gostado e foi esse o primeiro tutorial até mais!!!
Espero que tenham gostado e foi esse o primeiro tutorial até mais!!!
Nenhum comentário:
Postar um comentário