JScript

Programação & Desenvolvimento


Social Media Icons (+40)

waghcwb
waghcwb
Desenvolvedores
Desenvolvedores

Time Online : 441d 9h 2m 53s
Mensagens : 719
Data de inscrição : 15/07/2013
Localização : Curitiba

Social Media Icons (+40) Empty Social Media Icons (+40)

Mensagem por waghcwb em Qua 22 Jan 2014, 10:19 am

Não estou com tempo para fazer um tutorial muito completo mas vou tentar explicar o máximo que der.

Acesse este link onde você encontrará todos os códigos necessários
https://gist.github.com/waghcwb/8511122

CSS
O .social-box, .social, .social-active e .social a são partes importantes do código na parte do CSS, dali para baixo basta você escolher as redes que você deseja.. (são mais de 40 para escolher)

HTML
O social-box é necessário, o restante é opcional basta você escolher quais redes deseja usar também..

JQuery
Mesma coisa também, só escolha o que deseja usar, basta tirar essas partes do código
Código:
else if( $(this).hasClass('CLASSE') ){
         $(this).html('<a target="_blank" href="'+CLASSE+'">'+CLASSE+'</a>');
      }

Ou repeti-las para ter o efeito desejado...

Live preview: http://jsbin.com/EZakoYi/5

Favor não retirar os créditos, qualquer dúvida crie um tópico pedindo suporte!



The quieter you become, the more you are able to hear

Social Media Icons (+40) Btn_viewmy_160x25_pt_BR



study

    Data/hora atual: Qui 14 Nov 2019, 3:09 pm