Теперь Отклики.Бай вместе с кнопками популярных социальных сетей
Информация
Установочный файл представляет из себя набор 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-square x-yellow "
Мы в социальных сетях!
Мы в социальных сетях!
Мы в социальных сетях!
Мы в социальных сетях!
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-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-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 в произвольной форме, с указанием адреса
сайта (страницы), где нужно разместить код.
Ограничения.
Не рассматриваем,
без объяснения причин, предложения по обмену ссылками от сайтов, посвященных
пропаганде насилия, рассовой и национальной розни, продаже оружия, финансовым
пирамидам, гаданию, различным мошенническим структурам, с призывами к
государственным переворотам, а также нарушающих законодательство Республики
Беларусь и других стран.