Движущиеся кнопки социальных сетей



Эффектные кнопки социальных сетей в виде машинок


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

Как настроить и установить в блог кнопки соц сетей в виде движущихся машинок
Кто любит всё всплывающее, плавающее, двигающее, тогда эта информация для Вас. Смотрим слева скриншот. Кто желает посмотреть вживую, слетайте в демо блог. Внизу под сообщением увидите транспортное средство социальных кнопок. Интересно ? Тогда копируйте код ниже. И вставляем в черновике блоггер - дизайн - добавить гаджет - HTML / JavaScript - вставить - сохранить в любом месте макета блога.


<div style="position 14: fixed; z-index: 65535; right: 0px; bottom: -3px; width:100%;"> <marquee><a href="http://www.facebook.com/olga27" target="blank"> <abbr title="Follow us at Facebook"><img src="http://3.bp.blogspot.com/-5QIHreJnNjs/UVfcvUGusHI/AAAAAAAAFJY/hU52X7HJMnw/s1600/Social-Truck_fb2.png" width="80px" height="60px"/> </abbr> </a> <a href="http://feeds.feedburner.com/blogspot/tSo" target="blank"> <abbr title="Subscribe Our Feeds"><img src="http://4.bp.blogspot.com/-RLtBIrJOZII/UVfcwigIc2I/AAAAAAAAFJg/uKKtDZGlwOk/s1600/Social-Truck_rss.png" width="80px" height="60px"/> </abbr> </a><a href="http://twitter.com/viola" target="blank"> <abbr title="Follow Us on Twitter"><img src="http://3.bp.blogspot.com/-HZV2Agt3tLI/UVfcxJitLuI/AAAAAAAAFJo/yuuhQf1IQ_8/s1600/Social-Truck_twi.png" width="80px" height="60px"/> </abbr> </a> </marquee></div>



Настройки:  position 14 - от этого значения зависит расположение кнопок. Если поставите ноль, движение будет в середине страницы по высоте;  width="80px" height="60px" - это размеры транспорта, менять надо все три значения;  http://www.facebook.com/olga.27- ваш адрес Facebook; 

http://feeds.feedburner.com/blogspot/tSo-адрес Feedburner; http://twitter.com/viola- адрес аккаунта в Twitter, width:100%;-движение по всей ширине странице, если поставить 50%, то только наполовину страницы по высоте; right или left - для боковых колонок; 

Вот вроде бы и все, ничего не забыла Спрашивайте, если что будет не понятно. Оставляйте отзывы.  Всего Вам доброго.  


Автор статьи ✎ Olga Protasova Выпуск ✹ 2/11/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *