Как добавить иконку к надписи?

Вот такой глупый вопрос — как добавить иконку к надписи?
Я хочу, допустим, сделать счетчик просмотров и к нему добавить иконку в виде глаза.
Я смотрел как у вас сделано, но у меня повторить не получилось

Beetroot
Оцените автора
Добавить комментарий

  1. tiaurus

    Предположим, что у вас есть счетчик, выводящий какую-то цифру (не знаю какой, поэтому просто напишу эту цифру). Заключите счетчик в DIV с классом my_stat:

    <div class="my_stat">
        10 просмотров
    </div>

    Добавьте в style.css оформление этого класса:

    .my_stat {
        display:inline-block;
        background: url(images/stat_ico.png) no-repeat left center; 
        padding-left:16px; 
        margin-left:10px;
    }

    images/stat_ico.png — это иконка формата PNG, которая находится в папке img, сама папка находится в папке с используемой темой.

    Ответить
    1. Beetroot автор

      о, спасибо!
      Наконец-то сделаю счетчик просмотров.

      Ответить
    2. Beetroot автор

      Вопрос — как сделать чтобы наводя на иконку, показывало кол-во просмотров?

      Ответить
      1. tiaurus

        single.php:

        <div class="my_stat">
              <span class="count_number">10 просмотров</span>
        </div>

        style.css

        .my_stat {
            display:inline-block;
            background: url(images/stat_ico.png) no-repeat left center;
            padding-left:16px;
            margin-left:10px;
        }
        
        div.my_stat span.count_number {display:none;}
        div.my_stat:hover span.count_number {display:inline-block !important;}
        
        Ответить