Social Sprites Icons 是一组常用的社交图标,使用 CSS 轻松转换。 这套超轻量级的,可以很容易地集成到任何网站中。 图标有两个版本。 一个具有白色背景的正常状态和透明背景版本。 悬停时,图标背景颜色将变为社交网络的官方颜色。 所有图标都在一个 sprite png 中,总大小为 26.1 KB。
延长许可证
扩展许可遵循 Envato 规定的条款。 这些条款可以通过点击这里找到。 此外,这些特殊条件适用:
这些图标可用于在网络上出售的模板。
图标不能单独转售。
图标购买后不能免费赠送。
这些图标只能在每个许可证出售的一个模板上使用。 如需其他许可证,请在购买后通过可下载存档中的电子邮件地址与我们联系。
如何使用
使用社交精灵图标集相当简单。 要将其集成到您的网站,您需要做的就是调用社交精灵无序列表。 为了不打扰,我们将这个类命名为 SS。
社交精灵 – 40 像素 x 40 像素图标
<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>
社交精灵迷你 – 30 像素 x 30 像素图标
<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>
演示和水印
您可以通过单击上方的“实时预览”来查看此文件的实时演示。
在演示中,您会在按钮上看到一些白色文本。这些是防止人们窃取内容的水印。很抱歉这可能给您带来的麻烦。
文件支持
如果您需要任何支持,请在评论部分发帖或查看存档中包含的“Thank You.pdf”文件。
文件更新
更新 2.7 – 07/08/2014
添加了 5 个新图标: – About.me – Bandcamp – Viki – DeviantART – Xing
Sprite 保存为 PNG-32 以获得更好的质量
更新 2.6 – 2013 年 10 月 20 日
更新为白色图标
添加了白色版的小图标
更新 2.5 – 2013 年 10 月 13 日
大规模清理代码
样式表已被压缩以提高性能
所有布局样式都与图标样式分开
图标样式表已重命名为 socialsprites.css
优先代码以防止主题样式干扰
过渡的改进
更新到 Twitter 图标
添加了 3 个新图标:星号 – 分享 – 文档
清理精灵
更容易编辑精灵的路径
更新 2.4 – 2013 年 9 月 12 日
更新到 Twitter 图标
更新 2.3 – 06/03/2013
更新到 Twitter 图标
更新 2.2 – 2012 年 12 月 18 日
添加了 7 个新图标:Github – Behance – Yelp – Mail – Instagram – Foursquare – Zerply
添加了圆形图标选项。要添加圆形图标,您只需将 sscircle 类添加到您的
标签。此外,您不再需要像以前那样使用容器类。您可以直接在 ul 标签中使用无边框类。例如,对于正常大小的图标,您将使用:
<ul class=”ss 无边框 sscircle”>
…
</ul>
更新 2.1 – 2012 年 11 月 15 日
IE 错误修复(添加 IE 条件)
迷你图标的边缘修复(消除了两个图标的模糊)
更新 2.0 – 2012 年 9 月 11 日
添加了迷你社交精灵(30 像素 x 30 像素)
清理PNG
添加了用于商业主题的扩展许可
在“实时预览”上添加了较少侵入性的水印
更新 1.1 – 11/07/2012
更新数学