Живые кнопки мы в соцсетях

Опубликовано: 13.04.2018

видео Живые кнопки мы в соцсетях

Как привлечь подписчиков в Facebook и других социальных сетях?

Живые кнопки “Мы в соцсетях”

Нашла интересное решение для блока кнопок “Мы в соцсетях” – идея немного оживить простые иконки социальных сетей. Подойдут любые и объемные и простые.



Можно их разместить в сайдбаре, в конце сообщения  или на странице “Контакты”, кому как нравится. При наведении на них курсора мыши, иконки оживают, меняют тон и начинают вращаться вокруг своей оси. Смотрится забавно и установить это чудо себе на сайт не составит большого труда.

Как это выглядит и работает можно посмотреть внизу поста (что должно получится в результате). Теперь переходим к реализации идеи.


Кнопка "Подробнее" на Facebook. Варианты оформления. #интернет-марктинг

Разделим весь процесс оживления кнопок на три этапа:

Зададим стили для оживления кнопок. Загрузим нужные иконки. Оформим блок кнопок.

Стили для кнопок

Вносим изменения в файл style.css через FTP или непосредственно в редакторе. Если в консоли, то идем Внешний вид – Редактор и ищем там файл Таблица стилей , добавляем код ниже и сохраняем.


Кнопка "Свяжитесь с нами" на Facebook. Варианты оформления. #интернет-марктинг

/*-------------------Живые соцкнопки--------------*/ #social a : hover { background-color : transparent ; opacity : 0.7 ; } #social img { -moz-transition : all 0.8s ease-in-out ; -webkit-transition : all 0.8s ease-in-out ; -o-transition : all 0.8s ease-in-out ; -ms-transition : all 0.8s ease-in-out ; transition : all 0.8s ease-in-out ; } #social img : hover { -moz-transform : rotate ( 360deg ) ; -webkit-transform : rotate ( 360deg ) ; -o-transform : rotate ( 360deg ) ; -ms-transform : rotate ( 360deg ) ; transform : rotate ( 360deg ) ; }

/*-------------------Живые соцкнопки--------------*/ #social a:hover { background-color: transparent;opacity:0.7; } #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

3D стерео фильмы для 5D
    Как купить билеты на поезд

    Я всегда в последнее время пользуюсь услугами настоящего интернет сайта. Он у меня внушает доверие. И здесь придбати квитки возможно в любое

    Begin.com.ua/
    Подбором персонала занимается HR-менеджер, но часто такая должность отсутствует в компании, и его обязанности берут на себя или директор, или его заместитель. Если выбор сотрудников окажется неправильным 

    Бесплатная раскрутка сайтов ucoz
    Необходимо для себя выяснить, какая цель преследуется при раскрутке Интернет проекта. Здесь всё просто, так как чаще всего это возможность при помощи различных способов и средств увеличить поток посетителей.

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

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

    Товаров для дома
    Исходя из этих критериев, можно легко преподнести себя в том или ином деле. Хороший доход может быть на любой работе. Но хороших друзей на рабочем месте выбрать сложно. В такой ситуации больше побеждает

    Поступления в университет
    Перед всеми выпускниками школ и их родителями сейчас стоит задача – выбор предметов единого государственного экзамена (ЕГЭ). От того, какие ЕГЭ будут выбраны, зависит, поступит ребенок в ВУЗ или нет.

    Видеонаблюдение Novicam в Екатеринбурге
    По своей сути подключение видеорегистратора к локальной сети совершенно не отличается от подключения обычного компьютера к локальной сети.  Для того что бы система видеонаблюдения начала функционировать

    Кредит онлайн на картку
    Каждый из нас может оказаться в такой ситуации, когда срочно нужны деньги. И что же делать, если деньги понадобились прямо здесь и сейчас. В различных кредитных организациях оформление кредита может занять

    Комплект инсталляции Grohe 6в1
    Вместо обычного унитаза многие люди предпочитают, чтобы было сочетание инсталлированной конструкции унитаза с определенным видом отделки. Особенно такая инсталляция включают в себя раму, которая покрыта

rss