Графика/Дизайн | вопросы по CSS
Lis75
сделайте плиз маркера счетчиков как на anwap.org cиний и красный для счетчиков, с меня плюс к репе
Красный:
.red-count {
padding: 2px 5px;
margin: -2px 1px;
background: #FF4452 none repeat scroll 0% 0%;
border: 1px solid #FD1B2C;
color: #FFF;
border-radius: 4px;
display: inline-block;
}
Синий:
.blue-count {
padding: 2px 5px;
margin: -2px 1px;
background: #098CFA none repeat scroll 0% 0% !important;
border: 1px solid #037CE2;
color: #FFF;
border-radius: 4px;
display: inline-block;
}
xynd3r .red-count {
padding: 2px 5px;
margin: -2px 1px;
background: #FF4452 none repeat scroll 0% 0%;
border: 1px solid #FD1B2C;
color: #FFF;
border-radius: 4px;
display: inline-block;
}
Синий:
.blue-count {
padding: 2px 5px;
margin: -2px 1px;
background: #098CFA none repeat scroll 0% 0% !important;
border: 1px solid #037CE2;
color: #FFF;
border-radius: 4px;
display: inline-block;
}
сделайте плиз оранжевый как анвапе и зеленый
Использовать в html или php:
html:
<div class="online"><a href="/users&on"><img src="/style/img/on.png" alt=""> 193</a> <a href="/online.php"><img src="/style/img/neon.png" alt="">1704</a></div>
php:
<?
echo '<div class="online"><a href="/users&on"><img src="/style/img/on.png" alt=""> '.$online.'</a> <a href="/online.php"><img src="/style/img/neon.png" alt=""> '.$qwest.'</a></div>';
?>
.online {
background: rgba(228,255,217,1);
background: -moz-radial-gradient(center,ellipse cover,rgba(228,255,217,1) 0%,rgba(198,252,148,1) 100
;background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(228,255,217,1)),color-stop(100%,rgba(198,252,148,1)));
background: -webkit-radial-gradient(center,ellipse cover,rgba(228,255,217,1) 0%,rgba(198,252,148,1) 100
;background: -o-radial-gradient(center,ellipse cover,rgba(228,255,217,1) 0%,rgba(198,252,148,1) 100
;background: -ms-radial-gradient(center,ellipse cover,rgba(228,255,217,1) 0%,rgba(198,252,148,1) 100
;background: radial-gradient(ellipse at center,rgba(228,255,217,1) 0%,rgba(198,252,148,1) 100
;display: inline-block;
text-align: center;
border-radius: 8px;
padding: 2px 4px;
margin: 5px 0 0;
border: 1px solid #c1f45d;
}
.online a {
border-radius: 4px;
padding: 6px;
color: #64960c;
margin: 2px 0;
border: 1px solid #cacaca;
display: inline-block;
background: rgba(239,239,239,.4);
}
________
посл. ред. 30.04.2016 в 15:38; всего 2 раз(а); by Repuda