Colocando um ícone de lado do titulo da postagem, que pode ser do lado direito (right), ou do lado esquerdo (left) vai depende da sua imagem e melhor achar.
Entre em editar HTML e procure por, “post h3” que também pode ser “post h2” "em alguns casos,esse post se refere ao titulo do site/blog.
Dica: control+f e digite post h3.
Testando o lugar certo: coloque este código border: 1px solid #000 dentro de, post h3{ } ; clique para visualizar, aparecera uma borda preta em volta do estilo, se for o certo .
Apareceu a borda nos títulos da postagem tudo certo então.
Se nao apareceu tente no estilo de baixo sempre dentro das chaves { } e em linha para ficar mais fácil.
Caso seu fundo seja mais escuro no lugar de #000 coloque #FFF, e a borda ficara branca.
Depois de ter certeza do local vamos colocar a imagem.
Use este código:
Pode colocar logo depois da primeira chave {
background-image: url ( link da sua imagem);
background-repeat: no-repeat;text-indent: 20px;
background-position: left top;
Lembrando left esquerda, right direita,
Veja se seu texto tem, text : left já no código ou algo parecido, pois você também pode
colocar seu titulo no centro (center) ou right, ou left.
Se seu texto tiver Left, sugiro que aumente os 20px do, background-repeat: no-repeat;text-indent:20px
Assim o texto nao fica encostando no ícone, vá colocando e visualizando para ver os resultado dos, quanto estiver do agrado, salve e visualize o site.
A lembrando nao use imagens muito grandes tente de 24 x 24 px para menos, pode também usar imagens com as seguintes extensões, ícone, png, jpg e gif.
Ate o próximo, e qualquer duvida e só comentar.
0 comentários:
Postar um comentário