1. Гость, теперь Вы можете заходить на форум с гаджетов работающих на ОС Android, версии 4.4 и выше, через наше приложение. Приложение доступно по .
    Скрыть объявление
  2. Гость, на данный момент выплаты с форума превысили 10000 долларов! Присоединяйся к нам и начинай зарабатывать!
  3. Гость, любите смотреть фильмы? Зарабатывайте на этом в Конкурсе Киноманов!
    Скрыть объявление
  4. Гость, рады сообщить что теперь на форуме можно заработать ещё больше продавая свою подпись. Подробнее в этой теме.
    Скрыть объявление

Как сделать картинку пункта списка через css

Тема в разделе "Движки, шаблоны, стили, модули, хаки", создана пользователем monahyip, янв 1, 2016.

Метки:
  1. monahyip

    monahyip Старожила Стандартная ставка оплаты

    Регистрация:
    дек 7, 2015
    Сообщения:
    635
    Симпатии:
    63
    Баллы:
    6
    Пол:
    Мужской
    Род занятий:
    делаю сайты, арбитражю
    Адрес:
    Италия
    Сайт:
    Мы привыкли, что обычно списки бывают два вида: маркированные и нумерованные.
    А что, когда хочется не маркер какой-то или цифру, а картинку установить? Делается это очень просто, а на сайте грузится очень быстро.

    1.Сначала нужно выбрать картинку, которую хотите использовать в списке. Их можно найти по ключевым словам в разных "сборниках иконок онлайн".
    2.Далее для конкретного списка задать стиль
    Код:
    li{
     list-style-image: url(http://Ссылка на иконку);
    }
    Пример
    Делал для одного лендинга на авто тематику, подобрал такие иконки. Вот как выглядит:

    [​IMG]

    В общем, ничего сложного, кому интересно - задавайте вопросы, с удовольствием отвечу ;)
     
    Umon нравится это.