Oooieeeeee,
Como estão? voltei hoje , vou ensinar a vocês como personalizarem os títulos dos gadgets
E ai tão aproveitando o feriadão?(Clique em mais informações)
Como estão? voltei hoje , vou ensinar a vocês como personalizarem os títulos dos gadgets
E ai tão aproveitando o feriadão?(Clique em mais informações)
1° Vá no seu HTML e procure por: h2 {
Se você nunca editou esta parte do template vai estar mais ou menos assim:
2° Substitua o trecho destacado por:
2° Substitua o trecho destacado por:
.sidebar h2 {
font-family: 'Sofia', cursive; /*Tipo de fonte*/
font-size: 26px; /*Tamanho da fonte*/
color: #FFAEB9; /*Cor da fonte*/
background: url(http://i.imgur.com/Rjdny.png) no-repeat center;
height: 36px;/*Altura da imagem*/
width: 287px; /*Largura da imagem*/
text-align: center; /*Alinhamento do texto*/
}
3° Instalando a fonte:
- Acima de </head> cole o seguinte código:
<link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'/>
4° Últimos ajustes:
- No trecho: http://i.imgur.com/Rjdny.png vocês podem trocar por uma imagem personalizada ok? Não esquecendo de ajustar as medidas da sua imagem.
- Mais caso ao invés de uma imagem vocês queiram apenas uma cor é só substituir essa parte:
Por esta :
height: 36px;/*Altura da imagem*/width: 287px; /*Largura da imagem*/text-align: center; /*Alinhamento do texto*/}
Por esta :
background: #000000; /*Cor de fundo*/
Nenhum comentário:
Postar um comentário