Создание новой иконки контактов phpBB 3.1

[Amigo]

Всем привет! Хочу рассказать как добавить новые иконки в дополнительные поля контактов для форума phpBB 3.1.

contact_icons.jpg

1) Для начала в админке добавляем нужны нам поля:

add_filed.JPG

2) Запоминаем идентификатор поля:

new_filed.JPG

3) Теперь скачиваем файл с иконками отсюда: styles/название_вашей_темы/theme/images/icons_contact.png
Как мы видим, иконки размещены в ряд, мы можем добавлять по своему усмотрение новые. Вот отредактированный файл:

icons_contact.png

4) Теперь нам нужен файл buttons.css, он должен лежать по такому пути: styles/название_вашей_темы/theme/buttons.css.
Открываем с помощью какого-либо редактора кода (Ссылка доступна только зарегистрированным пользователям. или Ссылка доступна только зарегистрированным пользователям.)

Находим следующий блок кода:

Код: Выделить всё

/* Profile icons */
.pm-icon      { background-position: 0 0; }
.email-icon      { background-position: -21px 0; }
.jabber-icon   { background-position: -80px 0; }
.phpbb_icq-icon   { background-position: -61px 0 ; }
.phpbb_wlm-icon   { background-position: -182px 0; }
.phpbb_aol-icon   { background-position: -244px 0; }
.phpbb_website-icon      { background-position: -40px 0; }
.phpbb_youtube-icon      { background-position: -98px 0; }
.phpbb_facebook-icon   { background-position: -119px 0; }
.phpbb_googleplus-icon   { background-position: -140px 0; }
.phpbb_skype-icon      { background-position: -161px 0; }
.phpbb_twitter-icon      { background-position: -203px 0; }
.phpbb_yahoo-icon      { background-position: -224px 0; }
.vkontakte_vk-icon   { background-position: -263px 0; }
.odnoklassniki-icon { background-position: -282px 0; }

5) теперь вспоминаем пункт "2", создаём новую строку по образу и подобию. В качестве "background-position" используйте расстояние в пикселях от начала нашего рисунка до начала иконки.

Например если идентификатор у нас odnoklassniki, то строка будет выглядеть так:

Код: Выделить всё

.odnoklassniki-icon { background-position: -282px 0; }

Таким образом мы может создавать произвольные иконки.

[Erenbur]

Спасибо за иконку. Специально зарегистрировался, чтобы себе утянуть

[Amigo]

Источник цитаты Спасибо за иконку. Специально зарегистрировался, чтобы себе утянуть

Пожалуйста)

[seoglor1]

d

[Amigo]

Источник цитаты d

И что это было?