|
|
@@ -0,0 +1,28 @@ |
|
|
|
# Zocial CSS social buttons |
|
|
|
|
|
|
|
I basically rewrote this entire set so they are full vector buttons, meaning: |
|
|
|
|
|
|
|
- @font-face icons |
|
|
|
- custom font file for all social icons |
|
|
|
- em sizing based on button font-size |
|
|
|
- support for about 44 different services |
|
|
|
- buttons and icons supported |
|
|
|
- no raster images (sweet) |
|
|
|
- works splendidly on any browser supporting @font-face |
|
|
|
- CSS3 degrades gracefully in IE8 and below etc. |
|
|
|
|
|
|
|
## How to use these buttons: |
|
|
|
|
|
|
|
<button class='zocial facebook'> |
|
|
|
<span>Button label here</span> |
|
|
|
</button> |
|
|
|
|
|
|
|
- Parent element can be any element e.g. `a`, `div`, `button` etc. |
|
|
|
- Must contain child `span` element |
|
|
|
- Add class of `.zocial` to parent element |
|
|
|
- Add class for name of service e.g. `.dropbox`, `.twitter`, `.github` |
|
|
|
- Done :-) |
|
|
|
|
|
|
|
Check out [zocial.smcllns.com](http://zocial.smcllns.com) for demo and code examples. |
|
|
|
|
|
|
|
Problems or questions to [@smcllns](http://twitter.com/smcllns) |