Веб Добавление эффектов при наведение мышкой на раздел.

[GAZ6363]

Движок: XenForo

1. Для начала нам нужно зайти в шаблон EXTRA.css и добавить в самый низ этот код:


a:hover {
-moz-transition-duration: 0.5s;
-moz-transition-property: color;
color: #FF0080;
text-decoration: none !important;
text-shadow: 0 0 0.2em #FFC1E0, 0 0 0.2em #FFC1E0, 0 0 0.2em #FFC1E0;
}

Если не получилось то удаляем и вставляем этот код:

a:hover {
text-decoration: none;
color: #06A3D0;
text-shadow: #C6C6C6 0px 2px 2px;
}

Вот что должно получится)

P.s

color: #FF0080;

Заменяем на тот цвет который вам надо.
Оригинальная тема: ТЫК

Всем пока)​

 

[aNt1d0tt]

Картинка битая, перезалей

 

[никио]

.buttom {
padding: 20px;
border: 1px solid #000;
font-size: 18px;
color: #000;
text-decoration: none;
border-radius: 6px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.buttom:hover {
-moz-transition-duration: 0.5s;
-moz-transition-property: color;
color: #FFFFFF;
text-decoration: none !important;
text-shadow: 0px 0px 0.2em #FF0000,0 0 0.2em #FFC1E0,0 0 0.2em #FFC1E0;
border-radius: 6px;
background-color: #09F;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
<a href="http://rubukkit.org" class="buttom">Кнопка</a>

 

[GAZ6363]

Картинка битая, перезалей

Сделано

 

[hom9Ik]

1. Для начала нам нужно зайти в шаблон EXTRA.css и добавить в самый низ этот код:

 

[GAZ6363]

Исправил

 

[Droid]

Молодец!
У меня неполучилось это сделать а ты додумался

 

[fantommd]

@GAZ6363, думаю лучше будет если ты укажешь ссылку на первоисточник

 

[Droid]

@GAZ6363, думаю лучше будет если ты укажешь ссылку на первоисточник

Да лучше!, но главное что я это в инете нати несмог((

 

[GAZ6363]

@GAZ6363, думаю лучше будет если ты укажешь ссылку на первоисточник

Ок. Изменил первый пост.

 

[_Dimk_O_]

1. Для начала нам нужно зайти в шаблон EXTRA.css и добавить в самый низ этот код:

a:hover {
-moz-transition-duration: 0.5s;
-moz-transition-property: color;
color: #FF0080;
text-decoration: none !important;
text-shadow: 0 0 0.2em #FFC1E0, 0 0 0.2em #FFC1E0, 0 0 0.2em #FFC1E0;
}

Если не получилось то удаляем и вставляем этот код:

a:hover {
text-decoration: none;
color: #06A3D0;
text-shadow: #C6C6C6 0px 2px 2px;
}

Мне одному кажется что нужно уточнить какие именно ссылки нам нужно изменять?
Если мы указываем так как в вашем примере, то мы получим фиолетовый цвет на всех ссылках сайта, а оно нам нафик не надо
А именно уточнить класс или ид где находятся ссылки.

 

[никио]

.fokus {
position: fixed;
display: block;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
background-color: #E9E9E9;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #999;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #999;
width: 100%;
height: 50px;
top: 860px;
color: #666;
-moz-border-radius: 2px;
-moz-box-shadow: 0px 0px 5px 1px #CCC;
}
.tex-pod {
display: inline-block;
padding: 5px;
background-color: #333;
font-family: "Lucida Console", Monaco, monospace;
text-decoration: none;
color: #FFF;
font-size: 16px;
border: 1px outset #999;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 3px;
}
.tex-pod:hover {
display: inline-block;
padding: 5px;
background-color: #FFF;
font-family: "Lucida Console", Monaco, monospace;
text-decoration: none;
color: #000;
font-size: 16px;
border: 1px outset #999;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 3px;
cursor: pointer;
}
#Help{
background-color: #999;
display: inline-block;
float: left;
height: 100px;
width: 45px;
position: fixed;
top: 450px;
cursor: pointer;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #333;
text-decoration: none;
background-image: url(../img/HS.png);
background-repeat: no-repeat;
background-position: center center;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
}
.float {
float: right;
margin-right: 10px !important;
}

#Help:hover {
padding-left: 10px;
border-top-width: 1px;
border-right-width: 5px;
border-bottom-width: 1px;
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-top-color: #000;
border-right-color: #FC3;
border-bottom-color: #000;
}
<div class="fokus">
<a href="http://rubukkit.org/" class="tex-pod">Новости</a>
<a href="http://rubukkit.org/" class="tex-pod float">Форум</a>
</div>
<a href="http://rubukkit.org/" id="Help"></a>

 

[taren452]

не нужно ИМХО

 

[никио]

не нужно ИМХО

:fp: ты этим пользоваться не умеешь.

 

[GAZ6363]

:fp: ты этим пользоваться не умеешь.

+++++:trf:

 

[taren452]

:fp: ты этим пользоваться не умеешь.

тут не чего сложного. и всякими примбамбасами форум свой срать не хочу)

 

[GAZ6363]

тут не чего сложного. и всякими примбамбасами форум свой срать не хочу)

Это я для тебя выложил? Может кто то не знает как это сделать? Может кому то это будет интересно? ШОТЫРАЗВЫПЕНДРИВАЛСЯ?!

 

[никио]

тут не чего сложного. и всякими примбамбасами форум свой срать не хочу)

Все твои посты говорят сами за себя.

 

[taren452]

Это я для тебя выложил? Может кто то не знает как это сделать? Может кому то это будет интересно? ШОТЫРАЗВЫПЕНДРИВАЛСЯ?!

для тех кто не умеет читать "не нужно ИМХО"

 

[GAZ6363]

для тех кто не умеет читать "не нужно ИМХО"

Ну дак не читай. Ты сам себе противоречишь.