Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

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



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Живые кнопки "Мы в социальных сетях"

Предыдущая тема Следующая тема Перейти вниз

Живые кнопки "Мы в социальных сетях"

Сообщение автор Премьера в Вс 14 Июл - 16:30

Здравствуйте! Если вы хотите, чтобы ваши кнопки социальных сетей форума не были статичными, а при наведении становились игриво-переворачивающимися)) предлагаю этот скрипт.
1) Создаем новый виджет, к примеру с названием "Будем друзьями!", или "Следуйте за нами!" и т.п  (в случае, если вы желаете установить туда именно кнопки соц. сетей)
2) Вставляем скрипт
Код:
<style> #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); } </style>
<center><div id="social">
<a href="ВАША ССЫЛКА НА СТРАНИЦУ ФЕЙСБУК" rel="nofollow" target="_blank" title="Добавляйтесь в Facebook"><img alt="Icon" border="0" src="http://5.firepic.org/5/images/2013-07/14/3lscxc5ixfz2.png" style="margin-right: 1px;" /></a>   <a href="ВАША ССЫЛКА НА СТРАНИЦУ В ТВИТЕР" target="_blank" title="Следуйте за нами в Twitter"><img alt="Icon" border="0" src="http://5.firepic.org/5/images/2013-07/14/x21r4f4m3439.png" style="margin-right: 1px;" /></a>   <a href="ВАША ССЫЛКА НА ВИДЕОКАНАЛ YOUTUBE" rel="nofollow" target="_blank" title="Подпишитесь на наш видеоканал"><img src="http://5.firepic.org/5/images/2013-07/14/2x7zvgm85gcy.png" style="margin-right: 1px;" /></a>       </div>   </center>

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


Премьера
 
 

Пол : Женщина
Сообщения : 168
Возраст : 41
Место обитания : Москва
Карма : Без предупреждений
Благодарности : 13
Регистрация : 2010-12-24

http://romaschkino.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения