Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как изменить цвет рейтинга mrating

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


     21.06.2014    Все вопросы » Общие вопросы    3026

вопрос
Как изменить цвет рейтинга 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
Гости

vip.boss - 22 июня 2014 09:27 -

Spasibo brat

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

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

наверх