WoT.PW 11.6.2015 1 Comment

Глава I — Определяем исходные данные

Начнем с азов. Выделяем нужный нам заголовок с иконкой. В данном случае, это элемент «Menu».

Клик правой кнопкой мыши и находим «Просмотр кода элемента» (если у Вас Google Chrome) или же нажимаем Ctr + Shift + I

Появится меню, как на скриншоте снизу. В нем надо найти элемент ::Before , который будет находится строго НАД искомым заголовком.

Кликаете по этому элементу и появится его CSS код. Он выделен зеленым прямоугольником.

В нем есть строчка типа content: ‘\E9BB’ — это и есть искомый код иконки.

17ed064defe75dac7a9ba65efc57c7d6[1]

 

Глава II — Подбираем иконку

 

Глава III — Заменяем иконку

Глава IV — Делаем свой блок с иконкой