Уважаемые пользователи!
Напоминаем, что с 7 ноября 2020 года phpBB Group прекращает поддержку phpBB версии 3.2.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2020 года.
С учетом этого, а также того, что версия 3.2.x больше не будет получать обновлений, за исключением связанных с проблемами безопасности
(только при их наличии и только до 7 ноября 2020 года), рекомендуется обновить конференции до версии 3.3.x.

[FAQ] Добавляем иконку в мини-профиль

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 15 лет 10 месяцев
Поблагодарили: 44 раза

[FAQ] Добавляем иконку в мини-профиль

Сообщение Rayden »

Ниже речь пойдет только о стиле prosilver и его производных.
При переделке стиля иногда встает задача добавлять свои иконки в минипрофиль под аватарой во вьютопике.
На примере иконки с сылкой на профиль пользователя, я покажу как это делается.

В просилвере уже реализован механизм переключения иконки при наведении мышки, поэтому все что от нас требуется - правильно вставить нужную иконку в нужное место.

1. Подготавливаем иконки.
Так как на иконке будет надпись, то нам потребуется несколько иконок - для каждого языка.
Обычно иконки делаются под дизайн. Для стандартного просилвера можно взять эти:
icon_contact_profile.gif
icon_contact_profile.gif (1.9 КБ) 33492 просмотра
icon_contact_profile.gif
icon_contact_profile.gif (2.05 КБ) 33493 просмотра

2. Выкладываем иконки в папки styles\prosilver\imageset\ru(en)\
внутри каждой из этих папок лежит файл imageset.cfg со списком картинок. Нужно прописать имя картинки и ее размеры в него.
Обращаю внимание, что размер исходных файлов 60х40 для русского и 52х40 для английского, но так как у нас будет выводиться только половинка за раз, то высоту указываем в два раза меньшую.

Открываем:
styles\prosilver\imageset\en\imageset.cfg

Находим:
img_icon_contact_pm = icon_contact_pm.gif*20*28

Добавляем после:
img_icon_contact_profile = icon_contact_profile.gif*20*52


Открываем:
styles\prosilver\imageset\ru\imageset.cfg

Находим:
img_icon_contact_pm = icon_contact_pm.gif*20*28

Добавляем после:
img_icon_contact_profile = icon_contact_profile.gif*20*60

3. Добавляем новый блок во viewtopic. Это будет li class="info-profile-icon"

Открываем:
styles\prosilver\template\viewtopic_body.html

Находим:

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

<!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
Добавляем ПЕРЕД ней:

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

					<li class="info-profile-icon"><a href="{postrow.U_POST_AUTHOR}" title="{L_READ_PROFILE}"><span>{L_READ_PROFILE}</span></a></li>
4. Опишем наш новый класс в css. Точнее, добавим его описание в компанию к аналогичным.


Открываем:
styles\prosilver\theme\colours.css

Находим:
/* Profile & navigation icons */

Добавляем после:

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

.info-profile-icon, .info-profile-icon a				{ background-image: url("{IMG_ICON_CONTACT_PROFILE_SRC}"); }
Эта команда показывает, какой файл и откуда брать для нашего нового класса.

Открываем:
styles\prosilver\theme\buttons.css

Находим:
/* Profile & navigation icons */

Добавляем после:

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

.info-profile-icon, .info-profile-icon a				{ background: none top left no-repeat; }
Находим:
/* Set profile icon dimensions */

Добавляем после:

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

ul.profile-icons li.info-profile-icon		{ width: {IMG_ICON_CONTACT_PROFILE_WIDTH}px; height: {IMG_ICON_CONTACT_PROFILE_HEIGHT}px; }
Эти команды назначают бекграунд и размеры нашей новой кнопки.

5.(исправлено) Ну и заключительный штришок. Чтоб у нас все это корректно парсилось, чтоб работали переменные в css и картинки кешировались в базе, нужно сделаь следующее:
Открываем:
includes\acp\acp_styles.php

Находим строку:
'icon_back_top', 'icon_contact_aim', 'icon_contact_email', 'icon_contact_icq', 'icon_contact_jabber', 'icon_contact_msnm', 'icon_contact_pm'

В строке находим фрагмент:
, 'icon_contact_pm'

Добавляем после него:
, 'icon_contact_profile'

5a.(добавлено) так как иконки разные для разных языков, то тоже самое делаем в includes\acp\acp_language.php

6.(добавлено) Из админки лучше файлы не править, но если вдруг захочется нажать в админке "Наборы рисунков"-"изменить", то чтоб не получить ошибки, да и вообще, чтоб все красиво было, нужно добавить языковую переменную для описания нового гифа.
Это делается в файлах language\язык\acp\styles.php

Находим строку:
'IMG_ICON_CONTACT_PM' =>

Добавляем после:
'IMG_ICON_CONTACT_PROFILE' => 'Profile',

Или в русском варианте
'IMG_ICON_CONTACT_PROFILE' => 'профайл',


Как всегда, не забываем очищать кеш.
А вот пример такой иконки с живого сайта:
icon_contact_profile_site.gif
icon_contact_profile_site.gif (10.37 КБ) 33469 просмотров
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
FladeX
Former team member
Сообщения: 1935
Стаж: 13 лет 11 месяцев
Откуда: Саранск
Благодарил (а): 7 раз
Поблагодарили: 59 раз

Re: Добавляем иконку в мини-профиль

Сообщение FladeX »

Отличный мануал, спасибо!
//
// Okay, let's do the loop, yeah come on baby let's do the loop
// and it goes like this ...
| phpBB Adept ] | Каталог форумов | генератор sitemap для форумов | форум про форумы
Аватара пользователя
Warlock75
Former team member
Сообщения: 1421
Стаж: 13 лет 2 месяца
Откуда: Москва
Благодарил (а): 49 раз
Поблагодарили: 96 раз

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Warlock75 »

Rayden
По аналогии реализовал иконку "Кто в сети" на одном из форумов, по твоему совету данному ранее.
А теперь уже все в деталях.
Очень ценный совет для многих.
Спасибо!
Внимательно изучаем форум и чиаем FAQ. 95% всех ответов на возможные вопросы там уже есть!

Правила
Мини FAQ по phpBB 3.1.x/3.2.x
Как устанавливать расширения
Аватара пользователя
RDJ
phpBB 1.4.3
Сообщения: 80
Стаж: 14 лет 2 месяца
Откуда: -=ТАТАРСТАН=-
Благодарил (а): 1 раз

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение RDJ »

Rayden писал(а):<li class="info-profile-icon"><a href="{postrow.U_POST_AUTHOR}" title="{L_READ_PROFILE}"><span>L_READ_PROFILE}</span></a></li>
возможно так должно быть: <span>{L_READ_PROFILE}</span>
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 15 лет 10 месяцев
Поблагодарили: 44 раза

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Rayden »

угу, поправил.
потерялась...
phpBB2 FAQ
phpBB3 FAQ
Gisher
phpBB 2.0.12
Сообщения: 857
Стаж: 14 лет 7 месяцев
Благодарил (а): 11 раз
Поблагодарили: 13 раз

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Gisher »

Rayden
спасибо за инструкции!)

CSS начал ругатся

Sorry! We found the following errors (2)
1746 ul.profile-icons li.info-profile-icon Value Error : width px is not a width value : px
1746 ul.profile-icons li.info-profile-icon Value Error : height px is not a height value : px

да и кнопка пока не спешит появиться) (кеш чистил, темы, шаблоны, наборы рисунков обновлял)
Аватара пользователя
FladeX
Former team member
Сообщения: 1935
Стаж: 13 лет 11 месяцев
Откуда: Саранск
Благодарил (а): 7 раз
Поблагодарили: 59 раз

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение FladeX »

Вручную перенаберите px на латинице
//
// Okay, let's do the loop, yeah come on baby let's do the loop
// and it goes like this ...
| phpBB Adept ] | Каталог форумов | генератор sitemap для форумов | форум про форумы
Gisher
phpBB 2.0.12
Сообщения: 857
Стаж: 14 лет 7 месяцев
Благодарил (а): 11 раз
Поблагодарили: 13 раз

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Gisher »

тоже самое
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 15 лет 10 месяцев
Поблагодарили: 44 раза

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Rayden »

проверяй корректность установки, у тебя не передаются размеры.
phpBB2 FAQ
phpBB3 FAQ
Gisher
phpBB 2.0.12
Сообщения: 857
Стаж: 14 лет 7 месяцев
Благодарил (а): 11 раз
Поблагодарили: 13 раз

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Gisher »

перепроверил уже многократно
странно, ничего не передаётся, в ксс проверке вижу

/* Profile & navigation icons */
.info-profile-icon, .info-profile-icon a { background-image: url(""); }

/* Profile & navigation icons */
.info-profile-icon, .info-profile-icon a { background: none top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.info-profile-icon { width: px; height: px; }

Добавлено спустя 8 минут 7 секунд:
скроей всего проблема в моих стилях, пробовал сделать как написано http://www.phpbbguru.net/community/topi ... ml#p214748
но всё равно у меня стили начинают с 21, так как просилвер много раз удалялся и ставился...(
буду думать как вернуть просилверы id 1, затем заного попробую сделать кнопку. спасибо ещё раз
Gisher
phpBB 2.0.12
Сообщения: 857
Стаж: 14 лет 7 месяцев
Благодарил (а): 11 раз
Поблагодарили: 13 раз

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Gisher »

мне кажется нужно добавить строчку в language/ru/acp/styles.php

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

        'IMG_ICON_CONTACT_INFO'      => 'Посмотреть профиль',
а то ругается на отсутствие в админке, при нажатии на изменить набор рисунков
Последний раз редактировалось Gisher 23.09.2008 3:33, всего редактировалось 1 раз.
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 15 лет 10 месяцев
Поблагодарили: 44 раза

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Rayden »

неправильно кажется, такая переменная в моде не используется
Выложи файлы, которые изменял.
phpBB2 FAQ
phpBB3 FAQ
Gisher
phpBB 2.0.12
Сообщения: 857
Стаж: 14 лет 7 месяцев
Благодарил (а): 11 раз
Поблагодарили: 13 раз

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Gisher »

в архиве, там и скрин ошибки в админке, она исправляется , если добавить вот такую строчку

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

        'IMG_ICON_CONTACT_INFO'      => 'Посмотреть профиль',
Вложения
files.rar
(37.75 КБ) 618 скачиваний
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 15 лет 10 месяцев
Поблагодарили: 44 раза

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Rayden »

Слушай, до меня только дошло, а зачем ты жмешь на кнопку "изменить"?
phpBB2 FAQ
phpBB3 FAQ
Gisher
phpBB 2.0.12
Сообщения: 857
Стаж: 14 лет 7 месяцев
Благодарил (а): 11 раз
Поблагодарили: 13 раз

Re: [FAQ] Добавляем иконку в мини-профиль

Сообщение Gisher »

если честно, случайно нажал, вместо обновить, и заметил этот глюк, но там ничего не делал я)
у меня странным образом данные этой кнопки не прописываются в мускул(

Вернуться в «Стили для phpBB 3.0.x»