Template Soccer

em 18 Agosto 2010

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).

Template Soccer

DemonstraçãoDownloadLicença

RECURSOS INSTALADOS
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 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.

Backgrounds

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.

6 comentários:

Bruno Gall disse...

Parabens Juliana, agora tenho template para recomendar para meus amigos viciados em futebol ^^

Tonný disse...

Template maravilhoso! Meu primo tem um blog com o tema de futebol, e coloquei o template green nele. Agora vou indicar esse templatee!

Juu, já que esta fazendo templates temáticos, acho que um template de música seria ótimo.

Aproveitando, queria perguntar se nos outros templates a linkbar pode ser em cor gradiente, ou em qualquer outro lugar

Juliana disse...

Tonny, existe uma forma de usar gradiente com CSS, só que não funciona no IE, então eu fiz as barras todas no Photoshop mesmo.

» Þяιи¢єรร Gø†нι¢α « disse...

O layout dele lembra o do Blog Cast... mas mesmo assim, ele está muito bonito...

Eu queria fazer um template mais ou menos assim para um dos meus blogs... esse efeito de transparência me encanta...

Parabéns Juliana.

Fernando Reis disse...

Juliana,

Parabens pelo modelo, muito bom.

Tenho um blog sobre futebol, e há algum tempo estava querendo alterar o meu modelo, e o SOCCER caiu como uma luva rsrsrsr

Fiz algumas alterações no plano de fundo e algumas cores.

escoladebolsa disse...

Oi,
é possível arranjar essa imagem de fundo em outras cores?
Negro/Preto
Cinzento/Prateado
Verde muito escuro.

Obrigado

Postar um comentário

Os comentários passam por um sistema de moderação, ou seja, eles são lidos por nós antes de serem publicados. Não serão aprovados os comentários:
- não relacionados ao tema do post;
- com pedidos de parceria;
- com propagandas (spam);
- com link para divulgar seu blog;
- com palavrões ou ofensas a pessoas e marcas;

Arquivo do blog

  ©Dicas Blogger - Todos os direitos reservados.

Template Dicas Blogger | Logo Icebreaker