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

    Ссылка на тему

  5. Гость, на форуме стартует Акция: поощрение за заслуги перед форумом. Принимай активное участие в жизни форума и получай за это поощрение! Подробности по ссылке
    Скрыть объявление
  6. Гость, приглашаем тебя принять участие в турнире по покеру!

    Все подробности тут

    Скрыть объявление
  7. Гость, любите смотреть фильмы? Зарабатывайте на этом в Конкурсе Киноманов!
    Скрыть объявление

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

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

Метки:
  1. monahyip

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

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

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

    [​IMG]

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

Поделиться этой страницей