Скрипт эффект при наведении на ссылку для uCoz - Скрипты для uCoz - Скрипты для uCoz, Шаблоны для uCoz, Видео Уроки, Статьи - скрипты, шаблоны, видео уроки, статьи, иконки, кнопки
Пятница, 22.11.2024, 06:40
Приветствую Вас Гость | RSS

Скрипты, Шаблоны, Уроки для uCoz

Меню сайта
Реклама
Наш опрос
Оцените мой сайт
Всего ответов: 176
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа

Скрипты для uCoz, Шаблоны для uCoz, Видео Уроки, Статьи

Главная » Файлы » Скрипты для uCoz

Скрипт эффект при наведении на ссылку для uCoz
13.01.2012, 23:45



В самый низ, П.У - Дизайн - Управление дизайном(CSS):

Code

<!--top-cs.com-->
.cpojer-links a {  
  display: inline-block;  
  padding: 4px;  
  outline: 0;  
  color: #3a599d;  
  -webkit-transition-duration: 0.25s;  
  -moz-transition-duration: 0.25s;  
  -o-transition-duration: 0.25s;  
  transition-duration: 0.25s;  
  -webkit-transition-property: -webkit-transform;  
  -moz-transition-property: -moz-transform;  
  -o-transition-property: -o-transform;  
  transition-property: transform;  
  -webkit-transform: scale(1) rotate(0);  
  -moz-transform: scale(1) rotate(0);  
  -o-transform: scale(1) rotate(0);  
  transform: scale(1) rotate(0);  
  }  
  .cpojer-links a:hover {  
  background: #3a599d;  
  text-decoration: none;  
  color: #fff;  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;  
  -o-border-radius: 4px;  
  border-radius: 4px;  
  -webkit-transform: scale(1.05) rotate(-1deg);  
  -moz-transform: scale(1.05) rotate(-1deg);  
  -o-transform: scale(1.05) rotate(-1deg);  
  transform: scale(1.05) rotate(-1deg);  
  }  
  .cpojer-links a:nth-child(2n):hover {  
  -webkit-transform: scale(1.05) rotate(1deg);  
  -moz-transform: scale(1.05) rotate(1deg);  
  -o-transform: scale(1.05) rotate(1deg);  
  transform: scale(1.05) rotate(1deg);  
  }
<!--/-->


Теперь можно и придать ссылке прекрасного эффекта анимации, нужно лишь добавить к ссылкам:
Code

<div class="cpojer-links">Тут ссылка</div>

В результате у вас должно получиться так:
Code

<div class="cpojer-links">  
  <a href="http://top-cs.com/">сервера cs</a><br>  
  <a href="http://script.ucoz.lv/">Скрипты и Шаблоны для uCoz</a>  
  </div>





Скачать Скрипт эффект при наведении на ссылку для uCoz
Зеркало Скрипт эффект при наведении на ссылку для uCoz



Источник:
Категория: Скрипты для uCoz | Добавил: z10y4el | Теги: Эффект, ссылку, Скрипт, при, ucoz, на, скрипты для ucoz, наведении, для
Просмотров: 1429 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Зачекай
Поиск
ucoz — это бесплатная система управления сайтом и хостинг для сайтов. ucoz сайты - это просто, удобно и быстро. Здесь вы можете создать бесплатные сайты на любую из интересующих вас тем, домен и хостинг предоставляются также бесплатно. На нашем сайте вы найдете скрипты для ucoz для удобства оформления вашего сайта. Кроме того, мы предлагаем на ваш выбор шаблоны для ucoz по различной тематике и цветовой гамме. Выбор темы для ucoz зависит только от вас. Это могут быть такие дизайны для ucoz, как природа, недвижимость, музыка, игры, транспорт, спорт и многие другие. Также вы можете найти различные виды меню для ucoz, чтобы улучшить внешний вид вашего сайта. Для создания особого стиля вашего сайта и для того, чтобы соответствовать основной тематике, у нас вы можете найти шапки для ucoz. Если у вас возникнут какие-либо трудности в создании сайтов, смотрите видео уроки для ucoz. При необходимости вы можете скачать видео уроки на нашем сайте. Конструктор ucoz, предлагаемый нашим сайтом, позволяет даже новичку создать хороший сайт с большими возможностями. Мы желаем вам успехов в создании сайтов с помощью script.ucoz.lv.