WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Buttons

Social Sprites Icons

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Social Sprites Icons - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Disponível para WordPress

Facebook \\ Twitter

INTRODUÇÃO

Sociais Sprites Icons é um conjunto de ícones sociais comumente usados ​​que a transição usando CSS facilidade. Este conjunto é super leve e pode ser facilmente integrado em qualquer site. Há duas versões para os ícones. Um com fundo branco para o estado normal e uma versão fundo transparente. Em foco, a cor ícones fundo irá mudar para a cor oficial da rede social. Todos os ícones estão em um png sprite que totaliza 26,1 KB.

sprites sociais

LICENÇA ESTENDIDA

A licença estendida segue os termos estabelecidos pelo Envato. Estes termos podem ser encontradas clicando aqui. Além disso, estes se aplicam condições especiais:
  • Os ícones podem ser usados ​​em modelos que são vendidos na web.
  • Os ícones não podem ser revendidos separadamente.
  • Os ícones não podem ser dadas de graça após a compra.
  • Os ícones só pode ser usado em um modelo que está sendo vendido por licença. Para licença adicional, por favor contacte-nos através do endereço de e-mail encontrados no arquivo de download após a compra.

COMO USAR

Usando ícones sprites sociais definir é bastante simples. Para integrá-lo ao seu site, tudo que você precisa fazer é chamar do sprite sociais lista ordenada-un. Para torná-lo un-intrusiva, que nomeou este SS classe.

Sprites sociais - 40px por 40px Icons

 <Ul class = "ss"> <Li class = "facebook"> <a href="#"> facebook </a> </ li> <Li class = "Dribbble"> <a href="#"> Dribbble </a> </ li> <Li class = "twitter"> <a href="#"> Twitter </a> </ li> </ Ul> 

Social Sprites Mini - 30px por 30px Icons

 <Ul class = "SSM"> <Li class = "facebook"> <a href="#"> facebook </a> </ li> <Li class = "Dribbble"> <a href="#"> Dribbble </a> </ li> <Li class = "twitter"> <a href="#"> Twitter </a> </ li> </ Ul> 
Veja o guia completo na nossa base de conhecimento em: http://kb.fwpolice.com/kits/social-sprites-icons/

DEMO & WATERMARK

Você pode ver a demonstração ao vivo deste arquivo, clicando em "Live Preview" de cima. Temos também um vídeo do arquivo sem a marca d'água disponível no http://www.screenr.com/Wa68.

Na demo você vai ver algum texto branco sobre os botões. Essas são marcas d'água para impedir as pessoas de roubar o conteúdo. Desculpem o problema que isso possa ter causado.

REVER

sprites sociais

suporte de arquivo

Se você precisar de qualquer apoio, por favor poste na seção de comentários ou olhar no "Obrigado You.pdf" arquivo incluído no arquivo. Para ajudar a configurar o arquivo, ver o guia completo sobre a nossa base de conhecimento em: http://kb.fwpolice.com/kits/social-sprites-icons/

A actualização dos ficheiros

Atualize 2.7 - 2014/07/08
  • Adicionado 5 novos ícones: - about.me - Bandcamp - Viki - DeviantART - Xing
  • Sprite salvo como PNG-32 para uma melhor qualidade
Atualize 2.6 - 2013/10/20
  • Update para ícones brancos
  • versão branca adicional de mini-ícones
Atualize 2.5 - 2013/10/13
  • Maciça limpeza de código
  • De estilo tem sido comprimido para melhorar o desempenho
  • Todos os stylings de layout foram separados dos stylings ícones
  • O ícone de estilo foi renomeado para socialsprites.css
  • código para evitar interferrance estilo de tema priorizado
  • Melhoria das transições
  • Update para ícone do Twitter
  • Adicionado 3 novos ícones: estrela - share - doc
  • Limpar de o sprite
  • Tornou mais fácil para editar o caminho para os sprites
Atualize 2.4 - 2013/09/12
  • Update para ícone do Twitter
Atualize 2.3 - 2013/06/03
  • Update para ícone do Twitter
Atualize 2.2 - 2012/12/18
  • Adicionado 7 novos ícones: Github - Behance - Yelp - Mail - Instagram - Foursquare - Zerply
  • opção de ícones círculo foi adicionado. Para adicionar ícones círculo, você só tem que adicionar a classe sscircle ao seu
      tag. Além disso, você não tem que usar uma classe de contêiner como antes. Você pode simplesmente usar a classe sem fronteiras diretamente na tag ul. No exemplo, para os ícones de tamanho normal, você vai usar:
 <Class = "ss sscircle sem fronteiras" ul> ... </ Ul> 
Atualize 2.1 - 2012/11/15
  • correções de bugs do IE (IE adicionado condicional)
  • correção de Borda em mini ícones (manchas removidas por dois ícones)
Update 2.0 - 11/09/2012
  • Adicionado social Sprites Mini (30px por 30px)
  • Limpar de PNG
  • licença alargada adicionada para uso em temas comerciais
  • Adicionado marca d'água menos intrusivo na 'Preview Live'
Atualize 1.1 - 11/07/2012
  • Atualizar para a matemática

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
5 12 de novembro

Última atualização:
9 14 de julho

Navegadores compatíveis:
IE8, IE9, Firefox, Safari, Opera, Chrome

arquivos incluídos:
HTML, CSS, Layered PNG

Versão do software:
CSS3

Palavras-chave

comé, rcio eletrô, nico, comé, rcio eletrô, nico, Todos os itens, botã, o, css, Facebook, fogos de artifí, cio, í, cone, gostar, meios de comunicaç, ã, o, compartilhar, social, mí, dia social, duende, sprites, chilrear, Twitter