Personalizando o Leia Mais.


Boa Noite, pincéis alados. Obrigada pelos comentários positivos na postagem anterior. Esse layout ficou realmente agradável, talvez ele fique um bom tempo por aqui. Acho que o fato de ter mudado o estilo das ilustrações do blog ajudou bastante. Achei tão fofo :3

Pois bem, minha irmã está pedindo-me para ensinar a personalizar o leia mais assim como está no blog atualmente. Devo avisar que a personalização foi feita por mim. Então, caso usem, creditem o blog pois não quero ter que fazer algo como uma lista negra colocar-te.


Para usar o leia mais, vá no seu HTML (Modelo > Editar HTML > Primeira "setinha" que há de cima para baixo), dê Ctrl F ou F3 e procure por: ]]></b:skin> e acima disso, cole o código abaixo:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.jump-link  {
text-align: right;
margin-top: 30px;
margin-bottom: -30px;
margin-left: -50px;
margin-right: 10px;
}
.jump-link a {
background: #fundo_normal;
font-family: "silkscreen";
font-size: 8px;
padding: 4px;
border: 1px solid #borda_normal;
color: #letra_normal;
text-shadow: 1px 0px 0px #sombraletra_normal;
}
.jump-link a:hover {
background: #fundo_hover;
font-family: "silkscreen";
font-size: 8px;
padding: 4px;
border: 1px solid #borda_hover;
color: #cor_hover;
text-shadow: 1px 0px 0px #sombraletra_hover;
}

 Modifique as partes na qual destaquei em itálico. Os comandos estão no próprio código. Não há apenas na parte "de cima" pois são coisas feitas mais por tentativa, mas caso haja dúvidas, avisem-me por comentários mesmo e eu ajudo.

/ana

8 comentários:

  1. Awnnnn, deve ficar muito lindo, adorei ♥

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  2. ótimo tutorial, bem explicadinho, vou usa-lo no blog! *-*
    http://laprettyheart.blogspot.com.br/

    ResponderExcluir
  3. Óptimo tudo ^-----^ Talvez use no próximo lay (:
    Kiss ~

    letterofpain.blogspot.com

    ResponderExcluir
  4. Realmente o layout ficou muito lindo, divando em <3

    Que lindo, gamei nele ficou muito fofo *---*

    Nyah Kawaii

    ResponderExcluir