Теперь Отклики.Бай вместе с кнопками популярных социальных сетей

Информация

Установочный файл представляет из себя набор CSS стилей, который поможет довольно просто добавить на Ваш сайт кнопки социальных сетей с современными эффектами наведения. Собрано более 50 эффектов, но если вы будете их комбинировать, то вариантов будет еще на несколько десятков больше - более 150 эффектов. Фоновый рисунок может быть любым, под дизайн Вашего сайта. Например, фото сотрудника Вашей компании или специалиста ведущего тему на Откликах.Бай. 

Готовы оказать помощь в размещении кода кнопки на Вашем сайте. Отправьте нам запрос через контактную форму.

Помощь по установке. Помощь по установке 1) Скачать и добавить пакет шрифтов Font Awesome или в теге head прописать строку вида: <link type="text/css" rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> 2) Добавить CSS файл с комплектом эффектов Xoverlay (xoverlay.css) 3) HTML разметка будет представлять из-себя, что-то похожее на это: <div class="col-md-3"> <div class="xoverlay x-simple"><b>Мы в социальных сетях!</b> <img class="x-img-main" src="images/picture-1.png" /> <div class="xoverlay-box"> <div class="xoverlay-data"> ... ... ... </div> </div> </div> </div> 4) Добавляем иконку или описание внутрь нашей разметки Добавляем icon <span class="x-circle x-white"><a href="#"><i class="fa fa-facebook"></i></a></span> Добавляем caption <h2>Мы на Откликах.Бай</h2> <p>Ждем Ваших отзывов, замечаний и предложений.</p> <a class="x-more" href="http://otkliki.by/">Подробнее</a>

Чем еще может быть полезен наш проект для вашего сайта? Известно, что пользователи часто ищут в интернете отзывы о той или иной компании или товаре (услуге). Правдивость отзыва, размещенного на внешнем сайте (внешний отзыв), в несколько раз выше, чем отзыва, размещенного на самом сайте компании. Такие отзывы рассматриваются пользователями как естественные, им больше доверяют. Внешние отзывы намного ценнее и формируют имидж - лицо компании. Такими отзывами компания не может управлять, одобрять, отклонять, редактировать. Создайте тему для своей компании на Откликах.Бай и следите за отзывами.

Формы иконок

<div class="col-md-3">
<div class="xoverlay x-simple">
<img class="x-img-main" src="_mod_files/ce_images/picture-2.png" />
<div class="xoverlay-box">
<div class="xoverlay-data">
<span class="x-circle x-white"><a href="#"><i class="fa fa-facebook"></i></a></span>
...
...
</div>
</div>
</div>
</div>

Мы в социальных сетях!

class="x-circle x-white"

Ждем Ваших отзывов здесь!

class="x-square x-white"

Мы в социальных сетях!

class="x-lemon x-white"

Мы в социальных сетях!

class="x-balloon x-white"

Мы в социальных сетях!

class="x-smooth x-white"

Цвета иконок

<div class="col-md-3">
<div class="xoverlay x-simple">
<img class="x-img-main" src="_mod_files/ce_images/picture-2.png" />
<div class="xoverlay-box">
<div class="xoverlay-data">
<span class="x-circle x-white"><a href="#"><i class="fa fa-facebook"></i></a></span>
...
...
</div>
</div>
</div>
</div>

Мы в социальных сетях!

class="x-circle x-white"

Мы в социальных сетях!

class="x-square x-yellow"

Мы в социальных сетях!

class="x-lemon x-green"

Мы в социальных сетях!

class="x-balloon x-blue"

Мы в социальных сетях!

class="x-smooth x-red"

Мы в социальных сетях!

class="x-smooth x-orange"

Эффекты с caption (текстом)

<div class="col-md-3">
<div class="xoverlay x-simple">
<img class="x-img-main" src="_mod_files/ce_images/picture-2.png" />
<div class="xoverlay-box">
<div class="xoverlay-data">
...
</div>
</div>
</div>
</div>

Мы в социальных сетях!

class="xoverlay x-simple"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-simple"

Мы в социальных сетях!

class="xoverlay x-bottom"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-bottom"

Мы в социальных сетях!

class="xoverlay x-top"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-top"

Мы в социальных сетях!

class="xoverlay x-left"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-left"

Мы в социальных сетях!

class="xoverlay x-right"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-right"

Мы в социальных сетях!

class="xoverlay x-top-left"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-top-left"

Мы в социальных сетях!

class="xoverlay x-top-right"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-top-right"

Мы в социальных сетях!

class="xoverlay x-bottom-left"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-bottom-left"

Мы в социальных сетях!

class="xoverlay x-bottom-right"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-bottom-right"

Мы в социальных сетях!

class="xoverlay x-flip-left"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-flip-left"

Мы в социальных сетях!

class="xoverlay x-flip-right"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-flip-right"

Мы в социальных сетях!

class="xoverlay x-flip-top"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-flip-top"

Мы в социальных сетях!

class="xoverlay x-flip-bottom"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-flip-bottom"

Мы в социальных сетях!

class="xoverlay x-wobble-left"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-wobble-left"

Мы в социальных сетях!

class="xoverlay x-wobble-right"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-wobble-right"

Мы в социальных сетях!

class="xoverlay x-wobble-top"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-wobble-top"

Мы в социальных сетях!

class="xoverlay x-wobble-bottom"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-wobble-bottom"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов.

Подробнее

class="xoverlay x-fpush-left"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов.

Подробнее

class="xoverlay x-fpush-right"

Мы в социальных сетях!

class="xoverlay x-fpush-top"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-fpush-top"

Мы в социальных сетях!

class="xoverlay x-fpush-bottom"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-fpush-bottom"

Мы в социальных сетях!

class="xoverlay x-pushfull-left"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-pushfull-left"

Мы в социальных сетях!

class="xoverlay x-pushfull-right"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-pushfull-right"

Мы в социальных сетях!

class="xoverlay x-pushfull-top"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-pushfull-top"

Мы в социальных сетях!

class="xoverlay x-pushfull-bottom"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-pushfull-bottom"

Мы в социальных сетях!

class="xoverlay x-imgrotate-left"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-imgrotate-left"

Мы в социальных сетях!

class="xoverlay x-imgrotate-right"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-imgrotate-right"

Мы в социальных сетях!

class="xoverlay x-zoom"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-zoom"

Мы в социальных сетях!

class="xoverlay x-zoom-inout"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-zoom-inout"

Мы в социальных сетях!

class="xoverlay x-zoom-rotate"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-zoom-rotate"

Мы в социальных сетях!

class="xoverlay x-zoom-rotatey"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-zoom-rotatey"

Мы в социальных сетях!

class="xoverlay x-zoom-rotatex"

Мы в социальных сетях!

Мы на Откликах.Бай

Ждем Ваших отзывов, замечаний и предложений.

Подробнее

class="xoverlay x-zoom-rotatex"

Эффекты с иконками

<div class="col-md-3">
<div class="xoverlay x-simple">
<img class="x-img-main" src="_mod_files/ce_images/picture-2.png" />
<div class="xoverlay-box">
<div class="xoverlay-data x-icon-top-bottom">
...
</div>
</div>
</div>
</div>

Мы в социальных сетях!

class="xoverlay-data x-icon-top-bottom"

Мы в социальных сетях!

class="xoverlay-data x-icon-left-right"

Мы в социальных сетях!

class="xoverlay-data x-icon-zoom"

Мы в социальных сетях!

class="xoverlay-data x-icon-left"

Мы в социальных сетях!

class="xoverlay-data x-icon-right"

Мы в социальных сетях!

class="xoverlay-data x-icon-top"

Мы в социальных сетях!

class="xoverlay-data x-icon-bottom"

Мы в социальных сетях!

class="xoverlay-data x-icon-zoomup"

Мы в социальных сетях!

class="xoverlay-data x-icon-zoomdown"

Мы в социальных сетях!

class="xoverlay-data x-icon-rotatezoom"

Мы в социальных сетях!

class="xoverlay-data x-icon-zoomoutin"

Мы в социальных сетях!

class="xoverlay-data x-icon-allzoomin"

Мы в социальных сетях!

class="xoverlay-data x-icon-allzoomout"

Мы в социальных сетях!

class="xoverlay-data x-icon-left-top-right"

Мы в социальных сетях!

class="xoverlay-data x-icon-left-bottom-right"

Мы в социальных сетях!

class="xoverlay-data x-icon-flip-zoomind"

Мы в социальных сетях!

class="xoverlay-data x-icon-flip-zoomind2"

Мы в социальных сетях!

class="xoverlay-data x-icon-all-slidedown"

Мы в социальных сетях!

class="xoverlay-data x-icon-all-slidetop"

Мы в социальных сетях!

class="xoverlay-data x-icon-all-slideleft"

Мы в социальных сетях!

class="xoverlay-data x-icon-all-slideright"

Мы в социальных сетях!

class="xoverlay-data x-icon-lr-zoom"

Другие варианты наших кнопок и ссылок.

Кнопка № 1 Код кнопки:		Кнопка № 2 Код кнопки:		Кнопка № 3 Код кнопки:
<a href="http://otkliki.by/" target="_blank"><img border="0" alt="OTKLIKI.BY" src="http://otkliki.by/_mod_files/ce_images/otkliki-by-knopka-1.png" width="88" height="31"></a>		<a href="http://otkliki.by/" target="_blank"><img border="0" alt="OTKLIKI.BY" src="http://otkliki.by/_mod_files/ce_images/otkliki-by-knopka-2.png" width="88" height="31"></a>		<a href="http://otkliki.by/" target="_blank"><img border="0" alt="OTKLIKI.BY" src="http://otkliki.by/_mod_files/ce_images/otkliki-by-knopka-2.png" width="88" height="31"></a>
Кнопка № 4 Код кнопки:		Кнопка № 5 Код кнопки:		Кнопка № 6 Код кнопки:
<a href="http://otkliki.by/" target="_blank"><img border="0" alt="OTKLIKI.BY" src="http://otkliki.by/_mod_files/ce_images/otkliki-by-knopka-4.png" width="88" height="31"></a>		<a href="http://otkliki.by/" target="_blank"><img border="0" alt="OTKLIKI.BY" src="http://otkliki.by/_mod_files/ce_images/otkliki-by-knopka-5.png" width="88" height="31"></a>		<a href="http://otkliki.by/" target="_blank"><img border="0" alt="OTKLIKI.BY" src="http://otkliki.by/_mod_files/ce_images/otkliki-by-knopka-6.png" width="88" height="31"></a>
Ссылка № 1  Оставьте отзыв о нас здесь!  Код ссылки:		Ссылка № 2  Оставьте отзыв о нас на сайте otkliki.by  Код ссылки:		Ссылка № 3  Отзывы о нас на otkliki.by  Код ссылки:
Оставьте отзыв о нас <a href=" http://otkliki.by/kompanii-firmy-organizacii" target="_blank”>здесь!</a>		Оставьте отзыв о нас на сайте <a href=" http://otkliki.by/kompanii-firmy-organizacii" target="_blank”>otkliki.by</a>		Отзывы о нас на <a href=" http://otkliki.by/kompanii-firmy-organizacii" target="_blank”>otkliki.by</a>
Ссылка № 4  Оставьте отклик о нас здесь!  Код ссылки:		Ссылка № 5  Отклики о нас здесь!  Код ссылки:		Ссылка № 6  Отклики о нас на сайте otkliki.by  Код ссылки:
Оставьте отклик о нас <a href=" http://otkliki.by/kompanii-firmy-organizacii" target="_blank”>здесь!</a>		Отклики о нас <a href=" http://otkliki.by/kompanii-firmy-organizacii" target="_blank”>здесь!</a>		Отклики о нас на сайте <a href=" http://otkliki.by/kompanii-firmy-organizacii" target="_blank”>otkliki.by</a>

Если Вас не устраивает ни один из предложенных вариантов, то Вы можете самостоятельно сформировать прилегающий текст и ссылку на любой раздел или тему форума otkliki.by в соответствии с требованиями к своему сайту.

На каких страницах размещать код?

Строгих требований нет.

Идеальный вариант - это все страницы вашего сайта, повыше к шапке.

Но Вы можете самостоятельно определить страницы и место, где допустимо размещение нашего кода. Эффективность кнопки (ссылки) напрямую связана с количеством страниц сайта, на которых она размещена. Чем больше страниц с кодом кнопки (ссылки), тем выше вероятность получить отзыв о Вас на нашем сайте, соответственно, тем эффективнее кнопка (ссылка) будет выполнять свою роль.

Порядок взаимодействия и размещения.

Скопируйте любой предложенный вариант кода (или сформируйте собственный).

Вставьте код в разметку своего сайта в любое место, удобное по структуре, навигации и дизайну.

Поможем разместить код кнопки на Вашем сайте. Отправьте нам сообщение через форму в разделе Контакты или на e-mail  в произвольной форме, с указанием адреса сайта (страницы), где нужно разместить код.

Ограничения.

Не рассматриваем, без объяснения причин, предложения по обмену ссылками от сайтов, посвященных пропаганде насилия, рассовой и национальной розни, продаже оружия, финансовым пирамидам, гаданию, различным мошенническим структурам, с призывами к государственным переворотам, а также нарушающих законодательство Республики Беларусь и других стран.