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

Опубликовано: 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
    Как купить билеты на поезд

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

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

    Custom plugins and WordPress themes
    Шаблоны страниц в WordPress являются отличным способом изменить структуру страниц или добавить им функциональности. Создание собственного шаблона страниц может быть не простым делом, особенно для новичков,

    Продукт WooCommerce
    Каждый умный человек в современном мире прекрасно понимает, что в двадцать первом веке просто нельзя упускать возможность узнать или же научиться чему-либо новому. Особенно, если речь касается электронной

    Магазин видеонаблюдения
    При создании системы видеонаблюдения необходим целый ряд определенного оборудования. Для этого сегодня существует огромное количество различных магазинов по продаже специальной техники для организации

    Заказ такси в Киеве от 30 грн
    Если неудачи в жизни для вас нормой, в первую очередь необходимо проанализировать, откуда растут корни ваших проблем. Скорее всего, вы человек неорганизованный и постоянно опаздываете. В мегаполисе это

    Тайверб Тайверб
    Прочие ингредиенты: целлюлоза микрокристаллическая, повидон К30, натрия крахмалгликолят, магния стеарат, opadry желтый YS-1-12524-A. Лапатиниб содержится в форме лапатиниба дитосилата моногидрата. № UA/8847/01/01

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

    Копаксон
    Конкурентно замещает антигены миелина в местах связывания с молекулами главного комплекса гистосовместимости класса II на поверхности клеток, несущих антигены. Следствием этого является активация образования

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

rss