Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Как изменить цвет рейтинга mrating

Как изменить цвет рейтинга mrating


     21.06.2014    Общие вопросы    1311

вопрос
Как изменить цвет рейтинга mrating


1.Как изменить первую кнопку "Понравилось" на синий цвет
2.А вторую кнопку "Не Понравилось" на красный свет
3.Сайт кнопок http://alloyui.com/examples/button/css3/

Стили кнопок рейтинга

Ответил: yorismith


Add this css to your rating style
.btn-info {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,.25);
background-color:#2a7eee;
background-image:-moz-linear-gradient(top,#3c8bf3,#0f6ce7);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#3c8bf3),to(#0f6ce7));
background-image:-webkit-linear-gradient(top,#3c8bf3,#0f6ce7);
background-image:-o-linear-gradient(top,#3c8bf3,#0f6ce7);
background-image:linear-gradient(to bottom,#3c8bf3,#0f6ce7);
background-repeat:repeat-x;
border-color:#0f6ce7 #0f6ce7 #0a4a9f;
border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
*background-color:#0f6ce7;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-info.active,
.btn-info.disabled,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.btn-info[disabled] {
color:#fff;
background-color:#0f6ce7;
*background-color:#0d61cf}
.btn-info.active,
.btn-info:active{
background-color:#0c56b7 \9
}

.btn-danger {
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,.25);
background-color:#eb1e10;
background-image:-moz-linear-gradient(top,#ff3019,#cf0404);
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ff3019),to(#cf0404));
background-image:-webkit-linear-gradient(top,#ff3019,#cf0404);
background-image:-o-linear-gradient(top,#ff3019,#cf0404);
background-image:linear-gradient(to bottom,#ff3019,#cf0404);
background-repeat:repeat-x;
border-color:#cf0404 #cf0404 #840303;
border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
*background-color:#cf0404;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-danger.active,
.btn-danger.disabled,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger[disabled] {
color:#fff;
background-color:#cf0404;
*background-color:#b60404
}

.btn-danger.active,
.btn-danger:active {
background-color:#9d0303 \9
}

now you can add the code in your html like
<a ... class="btn"

change to
<a ... class="btn btn-info"
<a ... class="btn btn-danger"

btn-info = blue
btn-danger = red

Комментарии пользователей (1)

vip.boss
7

116 | 13

vip.boss - 22 июня 2014 09:27 - Гости

Spasibo brat

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы