Главная | Регистрация | Вход Приветствую Вас Уважаемый Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: n3T, non-party, Bryse  
Молния , кровь , снег и остальное при наведении на ссылку...
GlebДата: Воскресенье, 21.12.2008, 11:59:29 | Сообщение # 1
-=Его Величество Админ=-

« 38 »

Награды : 17

За создание сайта За дизайнерские умения За творческие способности За любовь народа За активное участие на Форуме

Пол пользователя :


Страна :
Все видели когда на сайтах при наведении на ссылку появляются молния или еще что то ?

Так вот делаем и себе такое :

Любой понравившийся эффект вставлять на нужной странице после $BODY$

Огонь при наведении :

Code
<style type="text/css">A:hover{background:url(http://www.poqbum.com/animated_hover/images/9476822_l.gif);}</style><script type="text/javascript" src="http://prouserscs.moy.su/rtr/4-18"></script>

Еще 1 огонь :

Code
<style type="text/css">A:hover{background:url(http://www.poqbum.com/animated_hover/images/9476822_l.gif);}</style><script type="text/javascript" src="http://prouserscs.moy.su/rtr/4-18"></script>

Капающая Кровь :

Code
<style type="text/css">A:hover{background:url(http://www.poqbum.com/animated_hover/images/blood.gif);}</style><script type="text/javascript" src="http://prouserscs.moy.su/rtr/4-18"></script>

Цвето гамма :

Code
<style type="text/css">A:hover{background:url(http://www.poqbum.com/animated_hover/images/9476822_l.gif);}</style><script type="text/javascript" src="http://prouserscs.moy.su/rtr/4-18"></script>

Летящая комета :

Code
<style type="text/css">A:hover{background:url(http://www.poqbum.com/animated_hover/images/comet.gif);}</style><script type="text/javascript" src="http://prouserscs.moy.su/rtr/4-18"></script>

Молния 1 :

Code
<style type="text/css">A:hover{background:url(http://www.poqbum.com/animated_hover/images/lightning.gif);}</style><script type="text/javascript" src="http://prouserscs.moy.su/rtr/4-18"></script>

Молния 2 :

Code
<style type="text/css">A:hover{background:url(http://www.layoutstar.com/images/myspacelayoutspy/glg/glitter/lightning.gif);}</style>

Стрелка- Указатель :

Code
<style type="text/css">A:hover{background:url(http://www.poqbum.com/animated_hover/images/redarrowline.gif);}</style><script type="text/javascript" src="http://prouserscs.moy.su/rtr/4-18"></script>

Снежинки 1 :

Code
<style type="text/css">A:hover{background:url(http://www.layoutstar.com/images/myspacelayoutspy/glg/glitter/aqua.gif);}</style>

Снежинки 2 :

Code
<style type="text/css">A:hover{background:url(http://www.layoutstar.com/images/myspacelayoutspy/glg/glitter/yellow.gif);}</style>

Снежинки 3 :

Code
<style type="text/css">A:hover{background:url(http://www.layoutstar.com/images/myspacelayoutspy/glg/glitter/blue.gif);}</style>

Снежинки 4 :

Code
<style type="text/css">A:hover{background:url(http://www.layoutstar.com/images/myspacelayoutspy/glg/glitter/green.gif);}</style>

Подборку осуществил : Смертник

Взято с : www.megasoft.3dn.ru

Кстати !!! Если Вы ,например, не хотите мучатся и ставить для каждой страницы , то можно делать так :

Заходим в CSS

Находим там строку что начинается с а:hover........ и в добавляем туда вот этот код background:url(/molniya.gif);

Эта строчка обычно где то в самом верху ... Там где /* General Style */

Примерно было так :

Code
a:hover {text-decoration:none; color:#000000;}

А стало так :

Code
a:hover {text-decoration:none; color:#000000; background:url(/molniya.gif);}

Теперь сохраняем к себе любую из этих картинок на комп ,а потом ЗАКИДЫВАЕМ В КОРЕНЬ САЙТА

И все !!! В таком случае этот эффект распространиться СРАЗУ на все страницы сайта !

Идея : AllCity


Если помог - ставим +
smile




 
  • Страница 1 из 1
  • 1
Поиск:



Made By Gleb © 2005 - 2024