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

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

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

Метки:
  1. monahyip

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

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

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

    [​IMG]

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