вопрос
1.Как изменить первую кнопку "Понравилось" на синий цвет
2.А вторую кнопку "Не Понравилось" на красный свет
3.Сайт кнопок http://alloyui.com/examples/button/css3/
Стили кнопок рейтинга
1.Как изменить первую кнопку "Понравилось" на синий цвет
2.А вторую кнопку "Не Понравилось" на красный свет
3.Сайт кнопок http://alloyui.com/examples/button/css3/
Стили кнопок рейтинга
Add this css to your rating style
now you can add the code in your html like
change to
btn-info = blue
btn-danger = red
.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