» » Блок "место свободно"

Блок "место свободно"

Блок "место свободно"


Блок "место свободно" при наведении курсором на баннер картинка поворачивается на 360 градусов. Вот такой простенький хак - рекламный блок для сайта. Установка проста, создаете глобальный блок и пропишите код:

<style>
.socialNetworks {display:inline;margin-right:10px;}  
.socialNetworks:hover {display:inline;}  
.link_me {bottom:0;margin-top:0px; margin-right:0px;}  
.socialNetworks img {width:150px;height:31px;background:url(http://zagru.ru/templates/zagvar/images/2x88x31.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>

<center>
<div class="link_me">  
<div class="socialNetworks"><img title="Место свободно" src="http://dle-net.ru/templates/madison/images/2x88x31.png"></div>
<br>
<div class="socialNetworks"><img title="Место свободно" src="http://dle-net.ru/templates/madison/images/2x88x31.png"></div>
</div>
</center>
    

  • 0



21-11-2015, 13:18 691 0

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.