Question

Как сделать ярлык "Скидка" для товаров? Пример 

Объясните пошагово , так как я новичек. Спасибо!

 

 

Comments

вместо xxxxxxxxxxxxx ваш класс в который завернуто фото товара в виде товаров.

Answer 1

Как подобное реализовать можете ознакомиться в материале - http://www.ucoz.ru/qa/index.php/6194

Comments

Все равно не получается ( Я не знаю почему (

Что должно быть вместо ххххххх? И важно ли где я пишу этот код (место)

.xxxxxxx:after {
 position: absolute;
 z-index: 5;
 display: block;
 content: "ХИТ";
 left: -22px;
 top: -9px;
 padding: 20px 0 0 0;
 width: 60px;
 font: 12px/16px 'Open Sans';
 color: #fff;
 text-align: center;
 background: #FF8F00;
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

 

---

Татьяна Чирик,

Предоставьте код вида товаров.

---

Yuri_Geruk,

Что это и где их взять? Помогите пожалуйста( И это нужно для каждого товара код прописывать ?

---

Татьяна Чирик,

Хотя код не нужен, вместо xxxxxx в стилях пропишите класс i-image

---

Yuri_Geruk,

И нужно прописать и в CSS и в Странице товаров коды?

---

Yuri_Geruk,

Прописала , все равно ничего не получается( 

---

Татьяна Чирик,

Удалите с этих стилей строку color:#fff;

---

Yuri_Geruk,

Все равно ничего не получилось( Это может быть из-за того , что в правом верхнем углу расположен рейтинг товаров? И если да , то как убрать рейтинг товаров?

---

Татьяна Чирик,

Все получилось, просто вы кеш не очистили, теперь стилизируйте эту ленточку под себя как вам нужно.

---

Yuri_Geruk,

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