Oii Pessoal,hoje trago um tutorial que me pediram na cbox! De como codificar uma icon center.
Confiram clicando em "Mais informações".
- 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.
- Depois de copiar todo o código o coloque em seu blog teste onde iremos codificar;
- 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
- Depois de fazer sua header iremos codificar.
- 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.
- Depois procure por : #dddddd e troque pela cor do fundo da sua header.
- Agora procure por #b6b6b6 que seria o primeiro e troque pela cor da fonte que você gostaria.
- 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,
- Agora procure por : ::-webkit-scrollbar e troque as cores dos três.
- 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.
- 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.
- 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.
- 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