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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


Social Sprites Icons - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Tillgängliga för Wordpress

facebook \\ Twitter

INTRODUKTION

Sociala älvor Ikoner är en uppsättning av vanliga sociala ikoner som övergången med hjälp av CSS lätthet. Denna uppsättning är superlätt och skulle lätt kunna integreras i en webbplats. Det finns två versioner för ikonerna. En med vit bakgrund för normalläge och en genomskinlig bakgrund version. På hover kommer ikoner bakgrundsfärgen ändras till den officiella färgen på det sociala nätverket. Alla ikoner är i en sprite png som uppgår till 26,1 KB.

sociala sprites

UTÖKAD LICENS

Den förlängda licensen följer de villkor som anges av Envato. Dessa villkor kan hittas genom att klicka här. Dessutom är dessa särskilda villkor gäller:
  • Ikonerna kan användas på mallar som säljs på nätet.
  • Ikonerna kan inte säljas vidare separat.
  • Ikonerna kan inte ges ut gratis efter köpet.
  • Ikonerna kan bara användas på en mall som säljs per licens. För ytterligare licens, kontakta oss via e-postadress finns i den nedladdningsbara arkiv efter köpet.

HUR MAN ANVÄNDER

Använda ikoner sociala sprites set är ganska enkel. Att integrera den på din webbplats, är allt du behöver göra ropa social sprite un-ordnad lista. För att göra det un-påträngande, namngav vi denna klass SS.

Sociala älvor - 40 bildpunkter med 40 bildpunkter Ikoner

 <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 älvor Mini - 30px av 30px Ikoner

 <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> 
Se komplett guide på vår kunskapsbas på: http://kb.fwpolice.com/kits/social-sprites-icons/

DEMO & VATTENSTÄMPEL

Du kan se live-demo av den här filen genom att klicka på "Live Preview" från ovan. Vi har också en video av filen utan vattenstämpel finns på http://www.screenr.com/Wa68.

På demon ser du några vit text över knapparna. De är vattenstämplar för att förhindra människor från att stjäla innehållet. Ber om ursäkt för besväret detta kan ha orsakat dig.

RECENSIONER

sociala sprites

FILE STÖD

Om du behöver något stöd, posta i kommentaren avsnitt eller titta i "Tack You.pdf" fil som ingår i arkivet. För hjälp med att ställa upp filen se den kompletta guiden på vår kunskapsbas på: http://kb.fwpolice.com/kits/social-sprites-icons/

filuppdatering

Uppdatera 2,7 - 2014/07/08
  • Lagt 5 nya ikoner: - About.me - Bandcamp - Viki - DeviantART - Xing
  • Sprite sparas som PNG-32 för bättre kvalitet
Uppdatera 2,6 - 2013/10/20
  • Uppdatering till vita ikoner
  • Lagt vit version av mini ikoner
Uppdatering 2.5 - 2013/10/13
  • Massiv sanering av kod
  • Format har sammanpressats för att förbättra prestanda
  • Alla layout stylings har avskilts från de ikoner stylings
  • Ikonen mallen har bytt namn till socialsprites.css
  • Prioriterade kod för att förhindra tema stil interferrance
  • Förbättring övergångar
  • Uppdatering på Twitter ikon
  • Tillsatta 3 nya ikoner: stjärna - aktie - doc
  • Städa upp av spriten
  • Gjort det lättare att redigera sökvägen till sprites
Uppdatera 2,4 - 2013/09/12
  • Uppdatering på Twitter ikon
Uppdatering 2.3 - 2013/06/03
  • Uppdatering på Twitter ikon
Uppdatering 2.2 - 2012/12/18
  • Lagt 7 nya ikoner: github - Behance - fritt - post - Instagram - Foursquare - Zerply
  • Alternativet Circle ikoner tillsattes. För att lägga till cirkel ikoner, behöver du bara lägga till sscircle klass till din
      märka. Dessutom behöver du inte längre behöver använda en behållare klass som tidigare. Du kan helt enkelt använda gränslösa klassen direkt i ul taggen. I exempel för normalstora ikoner, kommer du att använda:
 <Ul class = "ss gränslös sscircle"> ... </ Ul> 
Uppdatera 2,1 - 2012/11/15
  • IE buggfixar (tillsatt IE villkorlig)
  • Kant fix på mini ikoner (bort suddighet två ikoner)
Uppdatering 2.0 - 2012/11/09
  • Added Social älvor Mini (30px av 30px)
  • Städa upp i PNG
  • Lagt utökad licens för användning i kommersiella teman
  • Lagt mindre påträngande vattenstämpel på "Live Preview"
Uppdatering 1.1 - 11/07/2012
  • Uppdatera till matematik

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
5 November 12

Senaste uppdateringen:
Nio 14 juli

kompatibla Webbläsare:
IE8, IE9, Firefox, Safari, Opera, Chrome

filer ingår:
HTML, CSS, Layered PNG

Mjukvaru-version:
CSS3

Nyckelord

e-handel, e-handel, Alla objekt, knapp, css, facebook, fyrverkeri, ikon, tycka om, media, dela med sig, social, sociala media, sprite, sprites, tweet, Twitter