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

Аватара пользователя
Amigo
Главный по форуму
Главный по форуму
Сообщения: 471
Зарегистрирован: 30 янв 2015, 14:54
Откуда: Москва
Операционная система: Windows 8.1
Благодарил (а): 49 раз
Поблагодарили: 22 раза
Пол: Мужской
Статус: Не в сети

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

Сообщение Amigo » 12 окт 2015, 13:55

Всем привет! Хочу рассказать как добавить новые иконки в дополнительные поля контактов для форума 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
ТОП-0
ТОП-0
Сообщения: 1
Зарегистрирован: 04 авг 2016, 16:24
Пол: Не определён
Статус: Не в сети

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

Сообщение Erenbur » 04 авг 2016, 16:26

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

Аватара пользователя
Amigo
Главный по форуму
Главный по форуму
Сообщения: 471
Зарегистрирован: 30 янв 2015, 14:54
Откуда: Москва
Операционная система: Windows 8.1
Благодарил (а): 49 раз
Поблагодарили: 22 раза
Пол: Мужской
Статус: Не в сети

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

Сообщение Amigo » 05 авг 2016, 10:43

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


Пожалуйста)
Самое трудное - познать самого себя, самое легкое - давать советы другим.



  • Реклама

Вернуться в «phpBB»

Кто сейчас на конференции

Сейчас этот форум просматривают: CommonCrawl [Bot] и 0 гостей