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

Движок: 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;

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

Всем пока)​

 

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

 

.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, думаю лучше будет если ты укажешь ссылку на первоисточник

 

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

 

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

 

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

 

.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>

 

не нужно ИМХО

 

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

 

+++++:trf:

 

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

 

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

 

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

 

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

 

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