Question

Здравствуйте, пытаюсь сделать свой лейбл для каждого вида материала, но невыходит.

Получается что на каждом виде материала один и тот же лейбл, и их по два один наверху другой внизу. Исправьте пожалуйста мою ошибку...

Вот код который я использую.

 

<style>
 .quality:after {position:absolute;
 margin-left: -150px;
 z-index: 5;
 content: "<?if($OTHER1$)?>$OTHER1$<?endif?>";
padding: 5px;
 width: 140px;
 font: 12px/16px 'Open Sans';
 color: #fff;
 text-align: center;
 background: #FB0C0C;
}
</style>
<script type="text/javascript">
$(".eMessage img:nth-child(1)").each(function(index, element) {$(element).wrap("<div class='quality'></div>");});</script>

 

Comments

Уточните ссылку на сайт. Нужно видеть проблему на реальном примере. После уже советовать что исправлять, а не по картинке смотреть.

---

У меня он пока выключен, мне его включить для вас?

http://anitub.net/

---

ANITUB,

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

---

Включил, только я видео модуль не использую...

---

ANITUB,

Странно, скрипт неправильно сработал и создал 3 дива дубля, это создало дубли лейбла.

---

Может подскажите другой скрипт, для меня?

---

ANITUB,

Ждите, завтра посмотрю. Сайт не закрывайте.

---

Окей...

123456789

Answer 1

Скрипт не нужен, всё делается стилями, пример ниже... остальное настроите сами.

<?if($OTHER1$)?>
<style>
.eMessage {
position:relative;
}
.eMessage::after {
color:red;
content: "$OTHER1$";
left: 50px;
position: absolute;
top: 20px;
}
</style>
<?endif?>

 

 

Comments

Скажите пожалуйста, что бы он адекватно работал, мне нужно будет все материалы пере опубликовать?

---

ANITUB,

нет, если в доп. поле прописаны слова то ничего пере-опубликовывать не надо, если не прописано то просто отредактировать и дописать.

---

Я прописал разные слова, но на всех материалах одинаковые надписи. Я писал уже об этом выше.
Как быть с этой ошибкой?