19:02 Воскресенье 2025
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Время в профиле прош... (0)
КПК - персональная с... (0)
Вид цитаты и code st... (0)
СТАЛКЕРСКИЙ МИНИ-ПРО... (0)
БЛОК ИНТЕРЕСНЫХ ФАКТ... (0)
Гид по Народной Соля... (27)
Бар «От заката до ра... (18)
Гид по прохождению м... (16)
Азы модостроения (14)
Баги и ошибки на сай... (8)
XemorDio(died) (626)
Бармен (146)
ExGooD (48)
habib (37)
Rayviner (19)
maksimstebnovskij5 (02.03.2023)
slitkovets (30.10.2022)
ianoiano62 (29.01.2022)
Timkalv (20.09.2021)
Myloisonau (03.09.2021)

  • Страница 1 из 1
  • 1
Цепь на шапку (Раскачивается)
XemorDio(died)Дата: Четверг, 21.01.2016, 12:04 | Сообщение # 1
Генерал-лейтенант
Группа: Свобода
Сообщений: 626
Награды: 3
Репутация: 4
Статус:

Кто не въехал для чего это? А это так, для красоты, демо выше, наведите на цепь)
Установка
Заходим в верхнюю часть сайта и в самый вниз.
Код
<style>  
/*Цепь by xemordio*/  
a.sg_tab { float: left; margin: -350px 0 0 250px}  
a.sg_tab img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); }  
a.sg_tab.right_tab img { -moz-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -o-transform:rotate(-7deg); -ms-transform:rotate(-7deg); transform:rotate(-7deg); }  
a.sg_tab:hover img { -moz-transform:rotate(-15deg); -webkit-transform:rotate(-15deg); -o-transform:rotate(-15deg); -ms-transform:rotate(-15deg); transform:rotate(-15deg); }  
a.sg_tab.right_tab:hover img { -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg); }  
</style>  

<a class="sg_tab right_tab" href="/"><img alt="" class="Hoverbuttons" src="http://i.imgur.com/bj9f4CV.png" ></a>  
<script>  
  /*раскачивание*/  
$(document).ready(function() {  
  function swing(){  
  $('.sg_tab').toggleClass('right_tab');  
  setTimeout(swing, 1000);  
  }  
  swing();  
});  
</script>

Кстати, картинку можно использовать свою)
[add]Специально для ExGooD. - PassageStalker.3dn.Ru[/add]
 
  • Страница 1 из 1
  • 1
Поиск: