Как установить рейтинг в нужном месте?

Голоса: +1
как мне рейтинг установить как на скрине http://joxi.ru/Rmzg6EwHRVbE2O
Адрес сайта http://vmultiki.ru/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk
предоставьте код вида материалов
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;">
 <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
 <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$&nbsp;<!--ENDIF--></a></div>
<!--IF--><div style="text-align:left;clear:both;padding-top:0px;padding-bottom:2px;"><span style="font-family: 'Bookman Old Style'; font-size: 13px;">
<table style="width: 161px; height: 205px; margin-left: 0px; margin-right: 4px; margin-top: 4px; margin-bottom: 4px; border-collapse: collapse; float:left;" width="" align=""><tbody><tr><td style="background-color: rgb(255, 255, 255); border: 2px solid rgb(220, 220, 220); letter-spacing: 0px; word-spacing: 0px;"><a href="$ENTRY_URL$" alt='название ссылки'><?if($IMG_URL1$)?><div id="photo_info"> <span style="font-size: 10pt;font-weight: bold;color: rgb(255, 255, 255);"><b>$AUTHOR_EMAIL$</b> </span></div> <img src="<?if($IMG_SMALL_URL1$)?>$IMG_SMALL_URL1$<?else?>$IMG_URL1$<?endif?>" style="float: left; width: 161px; height: 205px; margin: 1px 1px 1px 1px;" alt="$TITLE$"><?endif?></a>
</td></tr></tbody></table><span style="font-family:verdana,geneva,sans-serif;"><span style="font-size:11px; line-height: -2px;"><span style="color:#000000;">&nbsp;<span style="line-height: normal; text-align: justify;">$MESSAGE$</span></span><br></div><div class="eDetails" style="clear:both;"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?><!--ENDIF-->
 <div class="data"><span class="cell">Просмотров: $READS$</span><span class="cell"><span title="Комментариев: $COMMENTS_NUM$">Комментариев: $COMMENTS_NUM$</span></span><div class="mores"><a href="$ENTRY_URL$">Смотреть</a></div></div>
 </div>
 <STYLE type="text/css"><!--.post{
 
 width:515px;
 margin-bottom:5px;
 background:#fff url("") bottom repeat-x;
 padding:0 0 5px 0;
 }
 .post-title{
 width:495px;
 height:18px;
 padding: 6px 10px;
 font-size:13px;
 color:#00baff;
 font-weight:bold;
 text-decoration:none;
 background: #000 url("http://ucozmafia.ru/polzv/dg/post_h2.png") top center no-repeat;
 font-family:"Tahoma";
 }
 .post-title a{
 color:#FFFFFF ;
 font-size:13px;
 text-decoration:none;
 }
 .post-title a:hover{
 color:#ebebeb;
 text-decoration:underline;
 }
 .post-data{
 width:495px;
 font-size:11px;
 padding:8px 10px 0px 10px;
 height:17px;
 color:#646464;
 background: url("http://ucozmafia.ru/polzv/dg/post-data.png") center no-repeat;
 border-bottom:1px dashed #c7c7c7;
 }
 .post-data a {
 font-size:11px;
 color:#e400ff;
 }
 .post-data a:hover {
 color:#000000;
 text-decoration:none;
 }
 .post-story {
 color:#303030;
 font-size:11px;
 line-height:150%;
 text-align:justify;
 padding: 1px 5px 5px 5px;
 background:url("http://ucozmafia.ru/polzv/dg/b6.png") top repeat-x;
 }
 .post-story a {
 color:#e400ff;0152a4
 }
 .post-story a:hover {
 color:#000000;
 text-decoration:none;
 }
 .post-story img {
 margin:5px;
 }
 .post-story ul {
 margin-left:15px;
 }
 .related{
 background:#ab34fe url("http://ucozmafia.ru/polzv/dg/related.png") top left no-repeat;
 color:#303030;
 padding:2px 10px 10px 10px;
 border-bottom:1px solid #9600ff;
 }
 .related b{
 padding:0 0 10px 15px;
 }
 .related ul{
 list-style:none;
 padding:10px 0 0 10px;
 }
 .related li a{
 background:url("http://ucozmafia.ru/polzv/dg/relatedli.png") 0 0 no-repeat;
 padding:0 0 0 20px;
 }
 .related li a:hover{
 background:url("http://ucozmafia.ru/polzv/dg/relatedli.png") 0 -16px no-repeat;
 color:#303030;
 }
 .tags{
 background:#717375 url("http://ucozmafia.ru/polzv/dg/tags.png") top left no-repeat;
 padding:3px 10px 10px 28px;
 color:#303030;
 border-bottom:1px solid #303030;
 }
 .tags a{
 color:#fff;
 }
 .data{
 font-size:11px;
 color:#646464;
 height:25px;
 width:600px;
 margin:-2px auto;
 background:url("http://vmultiki.ru/vid_materiala_niz.png") no-repeat;
 }
 .data a {
 font-size:11px;
 color:#00baff;
 }
 .data a:hover{
 color:#000000;
 }
 .cell{
 margin-left: 3px;
 height:13px;
 padding:3px;
 float:left;
 border-right:1px solid #d2d4d7;
 }

 .ftl{
 width:290px;
 
 font-weight:bold;
 padding:13px 0 10px 65px;
 height:35px;
 }
 .ftl a{
 color:#e7baef;
 font-size:10px;
 }
 .ftl a:hover{
 text-decoration:underline;
 color:#fff;
 }
 .ftr{
 text-align:right;
 padding:13px 60px 12px 0;
 height:40px;
 float:right;
 width:290px;
 }
 
 .mores a:hover {text-decoration:none!important;}
 
 .mores{
 padding:2px 7px;
 width:66px;
 height:15px;
 background: url("http://vmultiki.ru/img/more.png") left top no-repeat;
 float:right;
 font-weight:bold;
 margin:1px;
 }
 .mores a{
 font-size:11px;
 color:#FFFFFF;
 text-decoration:none;
 }
 .mores:hover, .more a:hover{
 color:#FFFFFF;
 cursor: pointer;
 }
 .mores:hover{
 background: url("http://vmultiki.ru/img/more.png") 0px -19px no-repeat;
 }
 .comment{
 width:566px;
 padding:0 5px 5px 5px;
 }
 .group-name{
 font-size:11px;
 }
 .--></STYLE></td></tr></tbody></table><br>
<style>.eBlock {background:#fff;border:1px solid #CCCCCC;}
.eBlocksin {background:#fff;border:0px solid #000;}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#FFFFFF; padding: 5px; border:0px solid #252525; background:#57BEE9 ;}
.eTitle a:link {text-decoration:none; color:#FFFFFF;}
.eTitle a:visited {text-decoration:none; color:#FFFFFF;}
.eTitle a:hover {text-decoration:none; color:#CCCCCC;}
.eTitle a:active {text-decoration:none; color:#FFFFFF;}
.eText {text-align:justify; padding:6px;}
.eTitlesin {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#dedede; padding: 4px; border:0px solid #252525; background:url() repeat-x ;}
.eTitlesin a:link {text-decoration:none; color:#dedede;}
.eTitlesin a:visited {text-decoration:none; color:#dedede;}
.eTitlesin a:hover {text-decoration:none; color:#FFFFFF;}
.eTitlesin a:active {text-decoration:none; color:#dedede;}
.eTextsin {text-align:justify; padding:10px;}
.eDetails {background:url(''); }
.eDetails1 {background:url('http://for-about.3dn.ru/cw/34.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }
.eDetails2 {background:url('http://for-about.3dn.ru/cw/34.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:8pt; }
.eBlock2 {background:url() #333333;border:1px solid #252525;}
.eRating {font-size:7pt;}
.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('http://for-about.3dn.ru/cw/35.gif') no-repeat 0px 0px;}
</style>

Ответов: 1

Голоса: +1
 
Лучший ответ

Находим в виде материалов код:

<?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?>

Который завернем в новый див:
<div class="rated"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div>

далее  в таблицу стилей пропишем класс:

.rated {margin:0px 0px 0px 0px;}

С ноликами уже сами поиграетесь и установите рейтинг в нужное место - http://htmlbook.ru/css/margin

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
ну вот рейтинг норм ! а картинка прилипла к низу !((( http://joxi.ru/4AkO1gYFX1W3Aq как вернуть как была  ?
Не вижу проблемы, как было так и есть.
а как отодвинуть ?? чтоб небыло в притик к низу ?
замените ваши стили на:
.rated {margin: 95px 0px -15px 450px;}
Да я уже делал это, получается но только для 1 материала, остольние также  http://joxi.ru/a2Xe0zkHDgOZAg
либо в таблицу стилей CSS добавьте:
.eDetails {padding-top: 5px!important;}
неа, не работает также все.
Если не работает, это уже фантастика, я проверял и все работает. Если вас не устраивает данное решение ищите другое либо изучайте CSS. Либо вы сами не понимаете что хотите.
работает но не на всех материалах вот же скрин кидал http://joxi.ru/brR8NzRcY6vv21 и в ксс все стоит http://joxi.ru/eAO4yzKipDXOro
не стоит у вас:
.eDetails {padding-top: 5px!important;}
После установки смотрится так - http://i.imgur.com/OjTt59e.png
Спасибо есть !! я просто в ксс добавил !! а надо било в вид материала
...