Время для Хобби - рецепты, рукоделие, красота и здоровье Суббота, 19.08.2017, 19:42
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Как похудеть

Кулинария
Рецепты красоты
Здоровье, медицина
Счетчики

Яндекс.Метрика
Главная » Статьи » Создание сайтов » Opencart

Как вывести картинку после :after (HTML CSS)
Задача была такая - у цены в Opencart вывести не обычный символ рубля, а специально нарисованный в Фотошоп, то есть в виде картинки. Для этого понадобились знания CSS3.
После класса (в стилях style.css), отвечающего за оформление цены (у меня это .box-product .price) пишем такую строчку:
.box-product .price:after {
    content: '';
    display:inline-block;
    background: url(../image/mine/rub.png) no-repeat; (путь к картинке с изображением рубля)
    width:15px;
    height:18px;

}

Вот и все. Теперь у каждой цены справа будет автоматически отображаться валюта. При это в Opencart надо в админке убрать символ справа (Система-Локализация-Валюты-Изменить-Символ справа)
Категория: Opencart | Добавил: Janearts (20.01.2014)
Просмотров: 1087 | Теги: как вывести картинку после дива, :after | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Популярные записи
Книги на английском языке
Личный рост
Путешествия
Карьера
Дом и интерьер

Рецепты, рукоделие, красота и здоровье, путешествия © 2017