Adicionar ícones nos títulos das entradas é uma daquelas perguntas que é muitas vezes repetido, há muito tempo no gemablog vi como adicionar uma imagem ou cor de fundo agora adicionar um pequeno ícone ou
bala. "S estilos nos títulos pós em um modelo Minima são definidos como segue.
. Post h3 (
margin: .25 em 0 0;
padding: 0 0 4px;
font-size: 140%;
font-weight: normal;
line-height: 1.4em;
color: # ffffcc;
)
. Post h3 a,. Post h3 a: visited,. Post h3 strong (
display: block;
text-align: none;
color: # ffffcc;
font-weight: normal;
)
. Post h3 strong,. Post h3 a: hover (
color: # ffffcc;
)
Adicione o ícone.
. Post h3 (
margin: .25 em 0 0;
padding: 0 0 4px;
font-size: 140%;
font-weight: normal;
line-height: 1.4em;
color: # ffffcc;
background: url (url do ícone) no-repeat 0 .5 em;
padding-left: 20px;
)
Com padding-left ajustar a distância entre o ícone eo título.
Para ajustar a altura pode aumentar ou diminuir o valor 0 .5 em
E se nós colocá-lo na hora de mudar o estilo , tamanho e cor da fonte.
. Post h3 a,. Post h3 a: visited,. Post h3 strong (
display: block;
text-align: none;
font-family: Century Gothic, Trebuchet MS, sans-serif;
font-size: 24px;
color: # 000;
font-weight: normal;
)
Para adicionar alguns estilos que são diferentes quando você passa o mouse um exemplo seria:
. Post h3 strong,. Post h3 a: hover (
color: # 1B703A;
font-size: 24px;
)
Em WEBSITEBULLETS encontrar balas para decorar o título do post
.png "English"){kind=small}
Postagens
0 comentários:
Postar um comentário
seja bem vindo ao mundo do doutorblogs, e sendo asim espéro ser merecedor de suas amizades e lhe convido para visitar mais e ser um dos Seguidor de nosso blogs.
atenciosamente douotrblogs.