<div class="orating rate nullRatenegativeRatepositiveRate"><span class="orating_counter tipsy-left" original-title="Кликните для просмотра статистики"><b title="Голосов: $RATED$" id="rate_$ID$" class="r2"><script type="text/javascript">document.write(Math.round(($RATING$*$RATED$)?>)-2*$RATED$?>)</script></b></span><div class="orate-btns"> <a href="#" onclick="rateForm(+1,$ID$,1,$CID$nullRate);return false" class="orating-btn rup tipsy-right" title="Нравится"></a> <a href="#" onclick="rateForm(-1,$ID$,1,$CID$nullRate);return false" class="orating-btn rdown tipsy-right" title="Не нравится"></a> <script type="text/javascript" src="http://www.4ucoz.net/imgfiles/rate_reiting_materiala_new.js"></script></div>
Если код вы ставите в модуль - Новости, то $ID$ заменяете на $ENTRY_ID$, иначе не будет работать!
А в свой основной CSS вставляете вот эти классы: photo_m { text-shadow: white 0px 0px 3px; background-color: #38434D; border-width: 1px 0px 1px 1px; border-style: solid; border-color: #303B45; color: #000000; float: left; font-size: 20pt; height: 36px; width: 30px; text-align: center; line-height: 31px; vertical-align: middle;} .photo_p { text-shadow: white 0px 0px 3px; background-color: #38434D; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #303B45; color: #000000; float: right; font-size: 20pt; height: 36px; width: 30px; text-align: center; line-height: 31px; vertical-align: middle;} .photo_null { background-color: #919191; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #303B45; color: #000000; float: right; font-size: 22pt; height: 36px; width: 56px; text-align: center; line-height: 36px; vertical-align: middle;} .photo_plus { background-color: #1b881b; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #303B45; color: #000000; float: right; font-size: 22pt; height: 36px; width: 56px; text-align: center; line-height: 36px; vertical-align: middle;} .photo_minus { background-color: #eb4600; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #303B45; color: #000000; float: right; font-size: 22pt; height: 36px; width: 56px; text-align: center; line-height: 36px; vertical-align: middle;} .photo_p:hover {background: #1b881b; color: #085408;} .photo_null:hover {background: #aaaaaa; color: #efefef;} .photo_minus:hover {background: #9d9d9d; color: #b11818;} .photo_plus:hover {background: #9d9d9d; color: #106f09;} .photo_m:hover {background: #eb4600; color: #70000c;}
|