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 per WorldWideScripts.net

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


Social Sprites Icons - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Disponible per a WordPress

Facebook \\ refilo

INTRODUCCIÓ

Sprites socials Icons és un conjunt d'icones socials d'ús comú que la transició utilitzant la facilitat de CSS. Aquest conjunt és super lleuger i fàcilment podria ser integrat en qualsevol lloc web. Hi ha dues versions de les icones. Un amb fons blanc per a l'estat normal i una versió de fons transparent. En vol estacionari, el color de les icones de fons canviarà al color oficial de la xarxa social. Totes les icones estan en un png de sprites que ascendeix a 26,1 KB.

sprites socials

llicència estesa

La llicència estesa segueix els termes establerts per Envato. Aquests termes poden ser trobats fent clic aquí. A més, s'apliquen aquestes condicions especials:
  • Les icones es poden utilitzar en les plantilles que es venen al web.
  • Les icones no poden ser revenuts per separat.
  • Les icones no es poden donar de forma gratuïta després de la compra.
  • Les icones només es poden utilitzar en una plantilla que es ven per llicència. Per llicència addicional, poseu-vos en contacte amb nosaltres per correu electrònic que es troba a l'arxiu descarregable després de la compra.

COM UTILITZAR

L'ús d'icones socials sprites fixat és bastant simple. Per integrar al seu lloc web, tot el que ha de fer és cridar a terme de sprites socials llista de no-ordenada. Perquè sigui ONU discrets, hem cridat a aquesta classe de SS.

Sprites socials - 40 píxels per 40 píxels icones

 <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 per 30px Icones

 <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> 
Veure la guia completa a la nostra base de coneixements en: http://kb.fwpolice.com/kits/social-sprites-icons/

DEMO I MARCA D'AIGUA

Podeu veure la demostració en viu d'aquest arxiu fent clic a "Live Preview 'des de dalt. També tenim un vídeo de l'arxiu sense la marca d'aigua disponible a http://www.screenr.com/Wa68.

A la demo, veureu un text blanc sobre els botons. Aquestes són les marques d'aigua per evitar que la gent de robar el contingut. Ho sento per les molèsties que això pugui haver causat.

COMENTARIS

sprites socials

ARXIU DE L'AJUDA

Per obtenir ajuda, si us plau, ja a la secció de comentaris o buscar a l'arxiu "Gràcies You.pdf" inclòs a l'arxiu. Per ajuda per configurar l'arxiu, veure la guia completa a la nostra base de coneixements en: http://kb.fwpolice.com/kits/social-sprites-icons/

ACTUALITZACIÓ D'ARXIU

Actualitzar 2.7 - 2014.08.07
  • Afegit 5 ​​noves icones: - About.me - Bandcamp - Viki - DeviantART - Xing
  • Sprite guarda com PNG-32 per a una millor qualitat
Actualitzar 2.6 - 2013.10.20
  • Actualització de les icones blancs
  • Afegit versió en blanc de mini icones
Actualització de 2,5 - 2013.10.13
  • Massiva neteja de codi
  • D'estil s'ha comprimit per millorar el rendiment
  • Tots els estils de disseny s'han separat dels estils d'icones
  • La icona d'estil s'ha canviat el nom a socialsprites.css
  • codi per evitar interferrance estil del tema prioritzat
  • Millores a les transicions
  • Actualització de Twitter icon
  • Afegit 3 nous icones: estrella - acció - doc
  • Netejar l'sprite
  • Fa que sigui més fàcil per editar la ruta als sprites
Actualitzar 2.4 - 2013.09.12
  • Actualització de Twitter icon
Actualitzar 2.3 - 2013.03.06
  • Actualització de Twitter icon
Actualitzar 2.2 - 18/12/2012
  • 7 afegit noves icones: Github - Behance - Yelp - Correu - Instagram - Quadrangular - Zerply
  • Es va afegir l'opció d'icones de cercle. Per afegir icones de cercle, només cal afegir la classe a la seva sscircle
      etiqueta. D'altra banda, ja no ha d'utilitzar una classe de contenidor que abans. Vostè pot simplement utilitzar la classe sense vores directament a l'etiqueta ul. En l'exemple, les icones de mida normal, que utilitzarà:
 <Ul class = "ss sscircle sense fronteres"> ... </ Ul> 
Actualitzar 2.1 - 15/11/2012
  • correccions d'errors de l'IE (IE afegit condicional)
  • correcció de vora en mini icones (visió borrosa eliminat a causa de que dues icones)
Actualització 2.0 - 11/09/2012
  • Afegit Social Sprites Mini (30px per 30px)
  • Netejar de PNG
  • llicència estesa afegit per al seu ús en temes comercials
  • Afegit marca d'aigua menys intrusiu en el 'Live Preview'
Actualització 1.1 - 11/07/2012
  • Actualització a la matemàtiques

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

creat:
5 de novembre de 12

Darrera actualització:
9 juliol 14

Els navegadors compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome

arxius inclosos:
HTML, CSS, recolzat PNG

Versió de programari:
CSS3

Paraules clau

eCommerce, eCommerce, tots els Articles, botó, css, facebook, focs artificials, icona, agrada, mitjans de comunicació, Compartir, social, Mitjà, de comunicació, social, follet, sprites, Tweet, refilo