Рейтинг

Открой Яндекс, введи. CSS3 текст в круге, стили. Там все подробно будет описано как такое сделать. Там делов на 2 минуты

 

Что сложного в нажатии F12 и 3 раза CTRL+C ?

Code:

<div class="vitasss ot5" title="Кинопоиск рейтинг" style="margin-right: -1px;margin-top: -1px;"><span class="xusaas">[xfvalue_kp]</span></div>

Code:

.ot5 {
    border: 3px solid #ff3300;
}
.vitasss {
    width: 44px;
    height: 44px;
    border: 3px solid #1F57AE;
    border-radius: 160px 160px 160px 160px;
    -moz-border-radius: 160px 160px 160px 160px;
    position: relative;
    position: absolute;
    right: 20px;
    top: 20px;
    margin-right: 15px;
}
.xusaas {
    padding-top: 13px;
    padding-left: 11px;
    position: absolute;
    font-weight: bold;
    width: 22px;
    overflow: hidden;
}

Где [xfvalue_kp] - поле с рейтингом.

 

Это же не весь код. Там же по цветам ещё.

 

PHP cкрипт подставляет класс бордера с определенным цветом в зависимости от значения поля с рейтингом КП