Atendendo a pedidos, hoje vou ensinar como colocar os ícones das redes sociais lado a lado, como no meu perfil. Para ver o tutorial, clique em Leia Mais.
‹p style=’float: left; margin-right: 10px;’›‹a href=’LINKDASUAREDE’ target=’_blank’››img border=’0′ src=’LINKDAIMAGEMDOICONE’/›‹/a›‹/p›
FLOAT: ele determina a posição do seu objeto no HTML. Você pode alterar left por right (esquerda por direita) ou ao contrário.
MARGIN-RIGHT: determina o espaçamento de um ícone e outro. Você pode alterar o 10px – quanto maior os pixels (px) maior o espaçamento. E pode alterar o right por left (direita por esquerda), ficando margin-left.
LINKDASUAREDE: altere ‘LINKDASUAREDE’. Não remova o apóstrofe! É só colocar o link da página que você quer que abra. Ex: twitter, facebook, etc.
LINKDAIMAGEMDOÍCONE: altere sem remover o apóstrofe, o procedimento é o mesmo do LINKDASUAREDE, porém você coloca a URL da imagem.
Importante: Para acrescentar mais ícones é só copiar o primeiro código para todos e colar um embaixo do outro, alterando o link da rede e da imagem do ícone.
Vou deixar aqui alguns ícones para vocês usarem, para baixar é só clicar na imagem:
Espero que o tutorial tenha ajudado, qualquer dúvida deixe nos comentários e até o próximo post!
