Template Soccer

Continuando a série de templates temáticos, apresento-lhes o Template Soccer, especialmente criado para blogs sobre futebol.
O Template Soccer possui dois planos de fundo: o primeiro é verde, ilustrado com bolas de futebol e o segundo é levemente transparente. Linkbar, sidebar e blocos do rodapé estão em tons de gradiente (cinza mais escuro e cinza mais claro).

Demonstração – Download – Licença

RECURSOS INSTALADOS Posts Relacionados Retirada da Navbar Jump break e hack leia mais Personalização dos ícones de navegação Favicon Avatar nos comentários Citação em bloco personalizada Botão para redes sociais

CARACTERÍSTICAS Bordas arredondadas 2 tipos de plano de fundo Uso de gradiente Template temático 1 coluna à direita 3 blocos no rodapé Nome do seu blog nos créditos CSS otimizado Diversos hacks instalados

Modo de Usar – Instruções comuns a todos os templates
Leia atentamente as instruções a seguir, onde explico detalhadamente como instalar os templates, bem como realizar algumas modificações básicas:

• Instruções para uso dos templates do Dicas Blogger

Instruções Específicas para o Template Soccer
Alterando a imagem de exibição
Se você quiser mudar a imagem que fica ao lado do cabeçalho (o par de chuteiras), entre no HTML do template e procure por:

<div id='imagem'>
<img alt='' src='http://lh4.ggpht.com/_mcq01yDJ2uY/TGtDyWbvJbI/AAAAAAAADKg/JwE6-knvRYU/soccer_5.png'/>
</div>

Escolha ou crie uma imagem do tamanho 256 x 256 px com fundo transparente e em formato .png. Faça o upload no Picasa ou em outro serviço de sua preferência, copie o endereço da nova imagem e cole na parte em azul do código.
Ajustando a posição da imagem
Para ajustar o posicionamento da imagem (topo e direita), procure por:

#imagem {
padding-right:35px;
position:absolute;
right:0;
top:0px;
}

Mudando o plano de fundo
No arquivo que você baixou, além do template e da imagem para o cabeçalho, existem três imagens de planos de fundo – azul, vermelho e amarelo.

Para mudar o atual plano de fundo verde por um desses três, procure por:

body {
text-align:center;
color:$textColor;
background-color:$bodybgColor;
background-image: url(http://lh3.ggpht.com/_mcq01yDJ2uY/TGnnSrQHpgI/AAAAAAAADFw/VY_Bn1MqTHE/bg_soccer.png);

Hospede o plano de fundo no Picasa, copie o endereço da imagem e substitua a url do código acima pela url da nova imagem.
Colocando a imagem do cabeçalho
Na pasta do template, você encontrará uma imagem em formato .png. Basta escrever o nome do seu blog e fazer o upload nos elementos de página do Blogger.
A fonte que usei para o cabeçalho da demonstração foi a Blue Highway Condensed.
©Template by Dicas Blogger – alguns direitos reservados. Não retire os créditos.