Плагин позволяет легко и быстро добавить кнопки Лайк для социальных сетей В контакте, Я.ру, Facebook, Twitter, Одноклассники, mail.ru, Гугл +1, а так же блок поделится от Яндекса.

Наши преимущества:

  • Все в одном пакете, Достаточно вставить нужный тег на страницу {PHP.SOCIOLIZER_LINK.VK},{PHP.SOCIOLIZER_LINK.FB},{PHP.SOCIOLIZER_LINK.YA},{PHP.SOCIOLIZER_LINK.MAILRU},{PHP.SOCIOLIZER_LINK.TWITTER},{PHP.SOCIOLIZER_LINK.GOOGLE},{PHP.SOCIOLIZER_LINK.ODNO},{PHP.SOCIOLIZER_LINK.YASHARE}; в head часть тег {PHP.SOCIOLIZER} и включить соответствующие опции в конфиге. Внимание: для одноклассников необходимо прописывание соответствующих стилей в файл css.
  • Работаем асинхронно – это в существенной мере ускоряет загрузку страницы
  • Выводится на любой странице в любом месте
  • Не надо изучать апи различных соц. сетей!

Пример использования:

Css блок:

/* odno */
.odkl-klass-s,.odkl-klass{display:-moz-inline-stack;display:inline-block;*display:inline;vertical-align:middle;overflow:hidden;text-indent:-3000px;zoom:1;*text-indent:0;*font:0/0 Arial;}.odkl-klass{width:69px;height:21px;background:#f58220 url(../../../plugins/sociolizer/img/odkl_klass.gif) no-repeat;}.odkl-klass-s{width:16px;height:16px;background:#f58220 url(../../../plugins/sociolizer/img/odkl_klass_s.gif) no-repeat;}.odkl-klass:hover,.odkl-klass-stat:hover,.odkl-klass-stat:hover,.odkl-share-oc:hover{background-color:#e83;}.odkl-share-oc,.odkl-klass-oc,.odkl-klass-stat,.odkl-share-stat,.odkl-share-oc-voted,.odkl-klass-oc-voted{border-style:none;font:normal 17px arial;display:-moz-inline-stack;display:inline-block;*display:inline;padding-bottom:1px;padding-top:1px;text-decoration:none;zoom:1;height:19px;*height:21px;}.odkl-share-stat,.odkl-share-oc{padding-left:99px;*padding:0 0 0 99px;background:#f58220 url(../../../plugins/sociolizer/img/odkl_klass_stat-neutral.gif) no-repeat;}.odkl-klass-oc,.odkl-klass-stat{padding-left:70px;*padding:0 0 0 70px;background:#f58220 url(../../../plugins/sociolizer/img/odkl_klass_stat.gif) no-repeat;}.odkl-klass-oc SPAN,.odkl-share-oc SPAN,.odkl-share-stat SPAN,.odkl-klass-stat SPAN{border-top-style:solid;border-top-width:1px;border-top-color:#f58220;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#f58220;border-right-style:solid;border-right-width:1px;border-right-color:#f58220;width:auto!important;text-decoration:none;padding:0 5px;text-align:center;font:normal 17px/19px arial;color:#f58220;background:white!important;zoom:1;}.odkl-klass-oc-voted,.odkl-share-oc-voted{cursor:default;color:#e83;zoom:1;}.odkl-klass-oc-voted{padding-left:20px;*padding:1 1 1 20px;background:url(../../../plugins/sociolizer/img/odk_klass_v.gif) no-repeat;}.odkl-share-oc-voted{padding-left:26px;*padding:1 1 1 26px;background:url(../../../plugins/sociolizer/img/odkl_klass_s2.gif) no-repeat;}.odkl-share-oc-voted A,.odkl-klass-oc-voted A{color:#e83;}.odkl-oc-comment-form{z-index:2000;position:absolute;width:192px;height:81px;font:normal 11px verdana,arial,helvetica,sans-serif;padding:2px 6px 6px 6px;border-style:solid;border-width:1px;border-color:#e83;background-color:white;zoom:1;}.odkl-oc-comment-form LABEL{text-align:left;display:block;color:#777E5D;padding-bottom:2px;}.odkl-oc-comment-form TEXTAREA{margin-bottom:7px;overflow-y:auto;height:35px;width:188px;display:block;padding:1px;border:1px solid #777e5d;}.odkl-oc-comment-form INPUT{font:normal 11px verdana,arial,helvetica,sans-serif;display:-moz-inline-stack;display:inline-block;*display:inline;padding:1px;text-align:center;vertical-align:middle;width:104px;cursor:pointer;background-color:#f93;color:white;border-style:solid;border-width:1px;border-color:#e83;}.odkl-oc-comment-form INPUT::-moz-focus-inner{border:1px dotted transparent;}.odkl-oc-comment-form INPUT:focus::-moz-focus-inner{border-color:#e83;}.odkl-oc-comment-form SPAN:hover{background-color:#e83;}.odkl-oc-comment-form A{color:#777E5D;margin-left:13px;}.odkl-oc-comment-form A:hover{color:black;}.odkl-oc-cmnt-hidden{visibility:hidden;width:1px;height:1px;}.odkl-oc-cmnt-err,.odkl-oc-cmnt-ok{visibility:visible;width:225px;min-height:14px;height:auto;color:black;border-style:solid;border-width:1px;padding:7px 17px 7px 7px;z-index:3000;position:absolute;display:inline;}.odkl-oc-msg-anchor{width:0;height:0;position:relative;visibility:hidden;*font:17px/19px Arial;}.odkl-oc-msg{font:normal 11px verdana,arial,helvetica,sans-serif;overflow-x:hidden;}.odkl-oc-lbl{float:left;width:15px;height:15px;padding-right:6px;}.odkl-oc-cmnt-ok .odkl-oc-lbl{background:url(../../../plugins/sociolizer/img/ok_14x14.png) no-repeat;}.odkl-oc-cmnt-err .odkl-oc-lbl{background:url(../../../plugins/sociolizer/img/error_14x14.png) no-repeat;}.odkl-oc-cmnt-err{background-color:#FFBFBF;border-color:#F39998;}.odkl-oc-cmnt-ok{background-color:#DFF0C6;border-color:#CC9;}.odkl-klass-oc-fc-hidden,.odkl-share-oc-fc-hidden{display:none;}.odkl-share-oc-fc,.odkl-klass-oc-fc{display:-moz-inline-stack;display:inline-block;*display:inline;border-style:none!important;border-width:0!important;padding:0!important;zoom:1;position:relative;height:21px;}.odkl-share-oc-fc{width:128px;}.odkl-klass-oc-fc{width:99px;}.odkl-share-oc-fc IFRAME,.odkl-klass-oc-fc IFRAME{border-style:none!important;border-width:0!important;padding:0!important;zoom:1;width:100%;height:100%;position:absolute;}
/* sociolizer */

.sociolize{padding: 10px 0 30px;}
.sociolize>div{float:left; height:30px;}
.sociolize .vk {width: 170px;}
.sociolize .fb {width: 160px;}
.sociolize .ya {width: 160px;}
.sociolize .ya>a {height:30px!important;}
.sociolize .google {width: 90px;}
.sociolize .mail {width: 140px;}
.sociolize .twitter {width: 130px;}
.sociolize .yashare {padding-left: 110px; text-align:right;}
.ya-share .share-button {margin-right:0px!important;}

Html

<div class="clear sociolize">
			
{PHP.SOCIOLIZER_LINK.GOOGLE} </div>
<div class="vk">{PHP.SOCIOLIZER_LINK.VK} </div>
<div class="mail">{PHP.SOCIOLIZER_LINK.ODNO} </div>
<div class="twitter">{PHP.SOCIOLIZER_LINK.TWITTER}</div>
<div class="fb">{PHP.SOCIOLIZER_LINK.FB} </div>
<div class="yashare">{PHP.SOCIOLIZER_LINK.YASHARE}</div>
</div>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="clear"> </div>
 
readme.md

sociolizer

Social networks like buttons

Sociolizer Маленький социальный плагин ЛАЙКОВ для Котонти. Плагин позволяет леко и быстро добавить кнопки Лайк для социальных сетей В контакте, Я.ру, Facebook, Twitter, Одноклассники, mail.ru, Гугл +1, а так же блок поделится от Яндекса. Наши преимущества:

  • Все в одном пакете, Достаточно вставить нужный тег на страницу {PHP.SOCIOLIZER_LINK.VK},{PHP.SOCIOLIZER_LINK.FB},{PHP.SOCIOLIZER_LINK.YA},{PHP.SOCIOLIZER_LINK.MAILRU},{PHP.SOCIOLIZER_LINK.TWITTER},{PHP.SOCIOLIZER_LINK.GOOGLE},{PHP.SOCIOLIZER_LINK.ODNO},{PHP.SOCIOLIZER_LINK.YASHARE}; в head часть тег {PHP.SOCIOLIZER} и включить соответствующие опции в конфиге. Внимание: для одноклассников необходимо прописывание соответствующих стилей в файл css.
  • Работаем асинхронно – это в существенной мере ускоряет загрузку страницы
  • Выводится на любой странице в любом месте
  • Не надо изучать апи различных соц. сетей! Пример использования: Css блок:

    / odno / .odkl-klass-s,.odkl-klass{display:-moz-inline-stack;display:inline-block;display:inline;vertical-align:middle;overflow:hidden;text-indent:-3000px;zoom:1;text-indent:0;font:0/0 Arial;}.odkl-klass{width:69px;height:21px;background:#f58220 url(../../../plugins/sociolizer/img/odkl_klass.gif) no-repeat;}.odkl-klass-s{width:16px;height:16px;background:#f58220 url(../../../plugins/sociolizer/img/odkl_klass_s.gif) no-repeat;}.odkl-klass:hover,.odkl-klass-stat:hover,.odkl-klass-stat:hover,.odkl-share-oc:hover{background-color:#e83;}.odkl-share-oc,.odkl-klass-oc,.odkl-klass-stat,.odkl-share-stat,.odkl-share-oc-voted,.odkl-klass-oc-voted{border-style:none;font:normal 17px arial;display:-moz-inline-stack;display:inline-block;display:inline;padding-bottom:1px;padding-top:1px;text-decoration:none;zoom:1;height:19px;height:21px;}.odkl-share-stat,.odkl-share-oc{padding-left:99px;padding:0 0 0 99px;background:#f58220 url(../../../plugins/sociolizer/img/odkl_klass_stat-neutral.gif) no-repeat;}.odkl-klass-oc,.odkl-klass-stat{padding-left:70px;padding:0 0 0 70px;background:#f58220 url(../../../plugins/sociolizer/img/odkl_klass_stat.gif) no-repeat;}.odkl-klass-oc SPAN,.odkl-share-oc SPAN,.odkl-share-stat SPAN,.odkl-klass-stat SPAN{border-top-style:solid;border-top-width:1px;border-top-color:#f58220;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#f58220;border-right-style:solid;border-right-width:1px;border-right-color:#f58220;width:auto!important;text-decoration:none;padding:0 5px;text-align:center;font:normal 17px/19px arial;color:#f58220;background:white!important;zoom:1;}.odkl-klass-oc-voted,.odkl-share-oc-voted{cursor:default;color:#e83;zoom:1;}.odkl-klass-oc-voted{padding-left:20px;padding:1 1 1 20px;background:url(../../../plugins/sociolizer/img/odk_klass_v.gif) no-repeat;}.odkl-share-oc-voted{padding-left:26px;padding:1 1 1 26px;background:url(../../../plugins/sociolizer/img/odkl_klass_s2.gif) no-repeat;}.odkl-share-oc-voted A,.odkl-klass-oc-voted A{color:#e83;}.odkl-oc-comment-form{z-index:2000;position:absolute;width:192px;height:81px;font:normal 11px verdana,arial,helvetica,sans-serif;padding:2px 6px 6px 6px;border-style:solid;border-width:1px;border-color:#e83;background-color:white;zoom:1;}.odkl-oc-comment-form LABEL{text-align:left;display:block;color:#777E5D;padding-bottom:2px;}.odkl-oc-comment-form TEXTAREA{margin-bottom:7px;overflow-y:auto;height:35px;width:188px;display:block;padding:1px;border:1px solid #777e5d;}.odkl-oc-comment-form INPUT{font:normal 11px verdana,arial,helvetica,sans-serif;display:-moz-inline-stack;display:inline-block;display:inline;padding:1px;text-align:center;vertical-align:middle;width:104px;cursor:pointer;background-color:#f93;color:white;border-style:solid;border-width:1px;border-color:#e83;}.odkl-oc-comment-form INPUT::-moz-focus-inner{border:1px dotted transparent;}.odkl-oc-comment-form INPUT:focus::-moz-focus-inner{border-color:#e83;}.odkl-oc-comment-form SPAN:hover{background-color:#e83;}.odkl-oc-comment-form A{color:#777E5D;margin-left:13px;}.odkl-oc-comment-form A:hover{color:black;}.odkl-oc-cmnt-hidden{visibility:hidden;width:1px;height:1px;}.odkl-oc-cmnt-err,.odkl-oc-cmnt-ok{visibility:visible;width:225px;min-height:14px;height:auto;color:black;border-style:solid;border-width:1px;padding:7px 17px 7px 7px;z-index:3000;position:absolute;display:inline;}.odkl-oc-msg-anchor{width:0;height:0;position:relative;visibility:hidden;font:17px/19px Arial;}.odkl-oc-msg{font:normal 11px verdana,arial,helvetica,sans-serif;overflow-x:hidden;}.odkl-oc-lbl{float:left;width:15px;height:15px;padding-right:6px;}.odkl-oc-cmnt-ok .odkl-oc-lbl{background:url(../../../plugins/sociolizer/img/ok_14x14.png) no-repeat;}.odkl-oc-cmnt-err .odkl-oc-lbl{background:url(../../../plugins/sociolizer/img/error_14x14.png) no-repeat;}.odkl-oc-cmnt-err{background-color:#FFBFBF;border-color:#F39998;}.odkl-oc-cmnt-ok{background-color:#DFF0C6;border-color:#CC9;}.odkl-klass-oc-fc-hidden,.odkl-share-oc-fc-hidden{display:none;}.odkl-share-oc-fc,.odkl-klass-oc-fc{display:-moz-inline-stack;display:inline-block;display:inline;border-style:none!important;border-width:0!important;padding:0!important;zoom:1;position:relative;height:21px;}.odkl-share-oc-fc{width:128px;}.odkl-klass-oc-fc{width:99px;}.odkl-share-oc-fc IFRAME,.odkl-klass-oc-fc IFRAME{border-style:none!important;border-width:0!important;padding:0!important;zoom:1;width:100%;height:100%;position:absolute;} / sociolizer /

    .sociolize{padding: 10px 0 30px;} .sociolize>div{float:left; height:30px;} .sociolize .vk {width: 170px;} .sociolize .fb {width: 160px;} .sociolize .ya {width: 160px;} .sociolize .ya>a {height:30px!important;} .sociolize .google {width: 90px;} .sociolize .mail {width: 140px;} .sociolize .twitter {width: 130px;} .sociolize .yashare {padding-left: 110px; text-align:right;} .ya-share .share-button {margin-right:0px!important;}

Html

<div class="clear sociolize">
    <div class="google">{PHP.SOCIOLIZER_LINK.GOOGLE} </div>
    <div class="vk">{PHP.SOCIOLIZER_LINK.VK} </div>
    <div class="mail">{PHP.SOCIOLIZER_LINK.ODNO} </div>
    <div class="twitter">{PHP.SOCIOLIZER_LINK.TWITTER}</div>
    <div class="fb">{PHP.SOCIOLIZER_LINK.FB} </div>
    <div class="yashare">{PHP.SOCIOLIZER_LINK.YASHARE}</div>
</div>
<script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script>
<div class="clear">&nbsp;</div>

Комментарии

Комментарии отсутствуют
У Вас есть вопросы?
Давайте обсудим их! Продумаем! Сделаем!
Напишите прямо сейчас!

Новый комментарий

Имя:
:

Смотрите также:

Нет изображения

Subcat

Отображение страниц дочерних категорий
Нет изображения

mAvatars

Добавляем к страницам множество миниатюр
Нет изображения

UserWall

Стена пользователей
Нет изображения

Custom Titles

Произвольные заголовки для страниц
Нет изображения

FancyBox

подключение FancyBox
Нет изображения

Alphafilters

Фильтруем по первой букве
Первый контакт с нами