Рейтинг не точность!

[souelle 0]

вообще-м столкнулся с маленькой не точностью, от чего были не понятки с рейтингом
 

/*---Рейтинг---*/
.rating {
		color: #666666;
		font-family: Tahoma, helvetica, sans-serif;
		font-size: 11px; 
		width: 85px;
		height: 16px;
	}
	.unit-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 85px;
		height: 16px;
		position: relative;
		background: url('../dleimages/rating.gif') top left repeat-x;		
	}
	
	.unit-rating li{
	    text-indent: -90000px;
		padding:0px;
		margin:0px;
		float: left;
	}
	.unit-rating li a{
		display:block;
		width:17px;
		height: 16px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 17;
		position: absolute;
		padding: 0px;
	}
	.unit-rating li a:hover{
		background: url('../dleimages/rating.gif') left center;
		z-index: 2;
		left: 0px;
	}
	.unit-rating a.r1-unit{left: 0px;}
	.unit-rating a.r1-unit:hover{width:17px;}
	.unit-rating a.r2-unit{left:17px;}
	.unit-rating a.r2-unit:hover{width: 34px;}
	.unit-rating a.r3-unit{left: 34px;}
	.unit-rating a.r3-unit:hover{width: 51px;}
	.unit-rating a.r4-unit{left: 51px;}	
	.unit-rating a.r4-unit:hover{width: 68px;}
	.unit-rating a.r5-unit{left: 68px;}
	.unit-rating a.r5-unit:hover{width: 85px;}
	.unit-rating li.current-rating{
		background: url('../dleimages/rating.gif') left bottom;
		position: absolute;
		height: 16px;
		display: block;
		text-indent: -9000px;
		z-index: 1;

как видим в стилях прописана картинка в формате GIF,

('../dleimages/rating.gif')

сама картинка рейтинга в формате png. в стилях нужно заменить с gif на png.

 

Пишу может кто-то тоже попался на это.

 

('../dleimages/rating.png')

 

 

 

И следующий вопрос хотелось бы уточнить. Собственно к чему относиться ratebox3 ? и где он должен отображаться? иначе никакого эффекта. Ставлю на свой шаблон ) но плюсика и минусика не вижу )

 

		[rating-type-3]<div class="ratebox3">
		<ul class="reset">
			<li>[rating-minus]<img src="{THEME}/images/ratingminus.png" title="Не нравится" alt="Не нравится" style="width:14px;" />[/rating-minus]</li>
			<li>{rating}</li>
			<li>[rating-plus]<img src="{THEME}/images/ratingplus.png" title="Нравится" alt="Нравится" style="width:14px;" />[/rating-plus]</li>
		</ul>
		</div>[/rating-type-3]

 

Изменено 31 августа 2015 пользователем souelle

[master27 35]

Попробую помочь...

как видим в стилях прописана картинка в формате GIF,

Посмотрите для примера в стандартных шаблонах, тех, что поставляются в комплекте для примера, там же всё верно прописано, отсюда следует что картинка GIF вашего шаблона была задумана тем кто этот шаблон и делал...

И следующий вопрос хотелось бы уточнить.

Аналогичная ситуация, видимо нет изображений - ratingminus.png \ ratingplus.png или не запланировано разработчиком в вашем шаблоне. Просто можете скопировать из стандартного шаблона в аналогичную папку своего...

[souelle 0]

Попробую помочь...

как видим в стилях прописана картинка в формате GIF,

Посмотрите для примера в стандартных шаблонах, тех, что поставляются в комплекте для примера, там же всё верно прописано, отсюда следует что картинка GIF вашего шаблона была задумана тем кто этот шаблон и делал...

И следующий вопрос хотелось бы уточнить.

Аналогичная ситуация, видимо нет изображений - ratingminus.png \ ratingplus.png или не запланировано разработчиком в вашем шаблоне. Просто можете скопировать из стандартного шаблона в аналогичную папку своего...

оба изображения лежат в папке - мой шаблон - images, все скопировано с Defaulta. формат верный тоже . все совпадает по путям

 

<img src="{THEME}/images/ratingplus.png"

хмм.. у меня ratebox и ratebox2 так же не отображается. А вот зато rating.png показывается. ) Что то я конкретно не понимаю.

Изменено 31 августа 2015 пользователем souelle

[souelle 0]

с ratebox решил все. копировал все с документации http://dle-news.ru/extras/diffs/

 

изменения между 10.3 и 10.4

 

в пункте "4. Откройте файл style/styles.css в самый низ добавьте:"

 

.ratebox2 {
  float: right;
}

.ratebox3 {
  float: right;
}

.ratebox ul, .ratebox ul li {
  float: left;
}

.ratebox2 ul, .ratebox2 ul li {
  float: left;
}

.ratebox3 ul, .ratebox3 ul li {
  float: left;
}

следует добавить:

 

/*---ratebox---*/
.ratebox {
    float: right;
    width: 115px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
    background: #f1f5f7 url("../images/ratebox.png");
}

.ratebox .rate {
    text-align: left;
    width: 85px;
    height: 17px;
    margin: 0 auto;
    overflow: hidden;
}

 

ибо в стандартном стиле есть, а так видимо пропустили

[souelle 0]

Проблему решил! тему можно закрыть!

 

Оказывается в настройках есть фича отключающая эту функцию