Posted by : Anilyan
06/09/13
www |
Tadaima, minnas. Trago outro tutorial, bastante diferente dos modelos que pesquisei e um dos poucos que resultou comigo sem prejudicar os outros códigos. É uma forma de personalizar as mensagens antigas, home e mensagens recentes. É bem fácil, não se deixem enganar pelo tamanho - Relembro que esse modelo foi inventado por mim, mas pode colocar bordas coloridas, outline, tirar a sombra interna, colocar sombra externa, e mudar as cores claro. Enfim, tenho mais personalizações aqui» www «agora vamos ao tuto.
Resultado:
Procure por:
</b:skin>
E acrescente acima:
#blog-pager {
clear:both;
text-align: center;
margin: 0px auto;
padding:5px;
color: #ffffff;
text-shadow:#FA89AF 0px 1px 1px;
text-align: center;
font-size: 10px;
font-family: silkscreen;
}
#blog-pager a:link, #blog-pager a:visited {
padding: 5px;
background: #FFE4E1;
box-shadow: inset 0 0 15px #f0b0b1, 0 0 3px #eec1c2;
border-radius: 3px;
-webkit-transition-duration: .60s;
}
#blog-pager a:link:hover, #blog-pager a:visited:hover {
padding: 5px;
background: #EED2EE;
box-shadow: inset 0 0 15px #c9b0ad, 0 0 3px #dec1be;
-webkit-transform: rotate(-5deg);
-webkit-transition-duration: .60s;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
É só isso, viram?