vitalif-js
/
social-likes-nojq
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Readme and demo.html for mode 'Icons only'

master
Alexander Burtsev 2013-08-22 18:02:31 +04:00
parent e18fbf888f
commit f9d5ce67de
2 changed files with 33 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
Readme.md
View File

@ -19,6 +19,19 @@ Or install via [Bower](http://bower.io/): `$ bower install social-likes`.
## Advanced configuration
### Layout
`notext`
Use class ```social-likes_notext``` and remove buttons text for icons only mode.
```
<ul class="social-likes social-likes_notext">
<li class="facebook" title="Share link on Facebook"></li>
...
</ul>
```
### Options
Options define via HTML data attributes.

23
src/demo.html
View File

@ -58,11 +58,28 @@
<!--li class="livejournal" title="Опубликовать ссылку в ЖЖ">LiveJournal</li-->
</ul>
<h3>No titles</h3>
<ul class="social-likes" data-url="http://mail.ru/">
<h3>Icons only</h3>
<ul class="social-likes social-likes_notext" data-url="http://maps.mail.ru/">
<li class="facebook" title="Опубликовать ссылку на Фейсбуке"></li>
<li class="twitter" title="Опубликовать ссылку в Твиттере"></li>
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" data-url="http://github.com" data-title="Не #mail_ru" title="Опубликовать ссылку в Твиттере"></li>
<li class="mailru" title="Опубликовать ссылку в Моём мире"></li>
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте"></li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках"></li>
<li class="plusone" title="Плюсануть в Гугле"></li>
<li class="livejournal" data-title="Cвой текст для ЖЖ" title="Опубликовать ссылку в ЖЖ"></li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Pinterest"></li>
</ul>
<h3>Icons only (no counters)</h3>
<ul class="social-likes social-likes_notext" data-url="http://mail.ru/" data-counters="no">
<li class="facebook" title="Опубликовать ссылку на Фейсбуке"></li>
<li class="twitter" data-via="sapegin" data-related="DessiTeckel:Моя такса" data-url="http://github.com" data-title="Не #mail_ru" title="Опубликовать ссылку в Твиттере"></li>
<li class="mailru" title="Опубликовать ссылку в Моём мире"></li>
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте"></li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках"></li>
<li class="plusone" title="Плюсануть в Гугле"></li>
<li class="livejournal" data-title="Cвой текст для ЖЖ" title="Опубликовать ссылку в ЖЖ"></li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Pinterest"></li>
</ul>
<h3>Old initialization HTML</h3>