Como codificar uma icon center

Oii Pessoal,hoje trago um tutorial que me pediram na cbox! De como codificar uma icon center.
Confiram clicando em "Mais informações".


  1. Bom primeiramente você precisará ter um código, eu irei usar o da Bruna Oliveira que eu acho mais fácil e legal de codificar. Código : Aqui. OBS : Esse código eu peguei do POB e está sem imagem,tamanhos estaram abaixo.
  2. Depois de copiar todo o código o coloque em seu blog teste onde iremos codificar;
  3. Para fazer sua icon center você terá que ter a header dela,você pode faze-la em vários editores (photoshop,pixrl etc). Enfim o tamanho legal para uma icon center é de A :1000  L :1400
  4. Depois de fazer sua header iremos codificar.
  5. De CTRL+F e procure por : http://1.bp.blogspot.com/-CnqlKTIlxjI/UqZNTHVrwlI/AAAAAAAAAWk/KxVdPFJsaZ4/s1600/iconcenter.png  quando encontrar,substitua esse link pelo link da sua header de icon center.
  6. Depois procure por : #dddddd e troque pela cor do fundo da sua header.
  7. Agora procure por #b6b6b6 que seria o primeiro e troque pela cor da fonte que você gostaria.
  8. Procure por #a51010 e troque pela cor do link que você gostaria. #a51010 pela cor do link que já foi visitado e #b6b6b6 para a cor do link em hover,
  9. Agora procure por : ::-webkit-scrollbar e troque as cores dos três.
  10. Procure por: #a51010 terá 6 cores assim na quinta e na sexta troque pela cor que você gostaria a borda dos icons e o hover da borda.
  11. Agora procure por : <a href='' imageanchor='1' style='margin-left: 10px; margin-right: -10'><img border='0' height='75' src='http://i.minus.com/iHq0ICk6J0wMm.jpg' width='75'/></a> essa á o link dos icons troque o http://i.minus.com/iHq0ICk6J0wMm.jpg pela url de seu icon! Faça isso com todos é só ir adicionando o código acima e trocando as url's.
  12. Agora procure por : top: 910px e troque pela altura que você gostaria dos icons. Procure por :  left: 530px e troque pelo tanto que você quer os créditos a esquerda.
  13. Procure por http://pointofblogosphere.blogspot.com.br e troque pelo link de sue blog e Point of Blogosphere pelo nome de seu blog. 
Bom gente,codificar uma icon center é basicamente isso,eu não acho difícil. Como possam ver fiz de má vontade esse tutorial pois estou com muita preguiça... Enfim espero que goste e tenha ajudado a todos vocês.

Nenhum comentário:

Postar um comentário