1. Гость, на данный момент выплаты с форума превысили 7000 долларов! Присоединяйся к нам и начинай зарабатывать!
  2. Гость, спеши получить на новый год подарок от форума!!! Подробности тут
    Скрыть объявление
  3. Гость, примите участие в прогнозе курса Bitcoin и выиграйте коллекционную монету!
    Скрыть объявление
  4. Гость, участвуй в конкурсе прогнозов по валютной паре EUR|AUD ! Призовой фонд - 350 долларов! Участвовать
    Скрыть объявление
  5. Гость, любите смотреть фильмы? Зарабатывайте на этом в Конкурсе Киноманов!
    Скрыть объявление
  6. Гость, пользуете ОС Android на планшете или смартфоне? Возможно Вам пригодится приложение нашего форума
    Скрыть объявление
  7. Гость, рады сообщить что теперь на форуме можно заработать ещё больше продавая свою подпись. Подробнее в этой теме.
    Скрыть объявление

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

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

Метки:
  1. monahyip

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

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

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

    [​IMG]

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