Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум поддержки IPB.SU > Запрос и разработка модификаций > Группы на форуме. (визуальное)


Автор: Sibirakman Сен 16 2010, 11:41
Предлагаю вашему вниманию следующую модификацию: Группы на форуме.

При наведении на иконку группы форумчанина появляется окошко со всеми группами в которых он состоит.

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

Выглядит это практически как на версии IPB 2.х.х.
на IPB 2.х.х.:
[Показать/Скрыть]
user posted image

На моем форуме:
[Показать/Скрыть]
user posted image

Итак:
1. Для начало нужно создать дополнительное поле профиля:
Пользователи и группы> Доп-ные поля профиля>СОЗДАТЬ НОВОЕ ПОЛЕ> Название профиля,Здесь пишем название группы- я назвал: женский клуб
В настройках
ВАЖНО!!!
Скрыть это поле в профиле? -нет, если поставим да, од работать не будет.
Поле может быть отредактировано пользователем?-нет.

Для каждой группы нужно свое дополнительное поле, иначе мод не будет работать.

2. Далее идем в редактирование шаблона: HTML>Просмотр темы (Topic View Section)>Post Entry
Находим там {$author['member_rank_img']} удаляем и заменяем на это:


Код
<span><a href="#" title="by svtalk Maxscorpion mod" onmouseover=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return
false;" onmouseout="this.parentNode.childNodes[1].style.display='none'">{$author['member_rank_img']}</a><div style="display: none">
<img src="{$author['field_х']}">
<img src="{$author['field_х']}">
</div></span>

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

Далее идем в Поиск/Редакт/Блок пользов.-находим необходимого пользователя>Редактировать>Дополнительные поля профиля:^
Находим поле, которое мы создавали с вами в самом начале и вставляем в него прямую ссылку на изображение (иконку).
Сохраняем изменения. Все. Теперь если навести на иконку пользователя, то
теперь при наведении на иконку группы форумчанина появляется окошко со всеми группами в которых он состоит. (наводить курсор нужно чуть выше иконки, чтобы меню не дергалось и нормально отображалось содержимое).
http://svtalk.ipb.su/index.php?showtopic=134&view=findpost&p=2754
У пользователя Test

Проверял на Mozilla Firefox, Хроме, Опере, Ехсплоере, все работает отлично, иконки отображаются.

Минусы:

1. В профиле, если навести курсор, и пользователь не состоит в какой-либо группе будет надпись -изображение- (наблюдается в опере, хроме, ехспоере)

Как исправить: Ввести в дополнительное поле ссылку на картинку с прозрачным фоном.

Автор: Sibirakman Сен 16 2010, 12:05
Хочу добавить, что по такому же принципу можно сделать упрощенную модификацию мода наград, призов итд.

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

Автор: Сергей Сен 16 2010, 13:14
В Opera при наведении на иконку гпуппы открываются картинки групп, но, как только я убераю курсор мышки с иконки, доп. иконки остаются открытыми. Хотелось бы видеть модификацию кроссбраузерной, прежде чем она попадает в раздел проверенных модификаций.

Автор: Sibirakman Сен 16 2010, 13:31
Цитата (Сергей @ Сен 16 2010, 13:14)
В Opera при наведении на иконку гпуппы открываются картинки групп, но, как только я убераю курсор мышки с иконки, доп. иконки остаются открытыми. Хотелось бы видеть модификацию кроссбраузерной, прежде чем она попадает в раздел проверенных модификаций.

По поводу того, что иконки остаются открытыми то нужно еще раз провести курсор по ним и он закроется.

Здесь много еще нюансов есть.
Например если в шаблоне стоит <img src="{$author['field_4']}">
но пользователь не будет состоять в 4 группе и у него будут стоять иконки, то 4 группа будет отображаться, в виде отсутствующего изображения.( в аттчачах прикрепил, о чем речь)

Опять же на Mozilla Firefox этого нет, а замечено на других браузерах.

Подумаю, как сделать так, чтобы мод работал на всех браузерах.

Автор: Сергей Сен 16 2010, 15:19
Именно, мне вот не нравится водить курсором несколько раз по одному и тому же месту. Если и делать на основе, то должно быть также.

Автор: Sibirakman Сен 16 2010, 15:25
Цитата (Сергей @ Сегодня, 15:19)
Именно, мне вот не нравится водить курсором несколько раз по одному и тому же месту. Если и делать на основе, то должно быть также.

Даже не знаю как исправить.
Можно на основе всплывающего меню меню сделать.

Еще насчет одного глюка: подумал, скорее всего переменную <img src="{$author['field_1']}"> изобр. все же будет видно, если только делать правило, что пользователь может состоять только в 1 группе
и в дополнительном поле прописывать разные ссылки , а не как было предложено выше.
Если же есть желание, чтобы на форуме было более 1 доп. группы, то
можно использовать более долгий способ, вставлять в дополнительные поля изображения с прозрачным фоном.
Код
[IMG]http://data.photo.sibnet.ru/upload/imggreat/128464143146.jpg[/IMG]


Цитата (Сергей @ Сегодня, 15:19)
Именно, мне вот не нравится водить курсором несколько раз по одному и тому же месту. Если и делать на основе, то должно быть также.


В этом моде другой минус есть, более серьезный, с отображением иконок но и его решить можно, способ внес в 1 пост.

Автор: Slesher Сен 16 2010, 21:17
Цитата (Сергей @ Сегодня, 13:14)
В Opera при наведении на иконку гпуппы открываются картинки групп, но, как только я убераю курсор мышки с иконки, доп. иконки остаются открытыми


надо добавить обработчик когда курсор убираешь: надо так:

Цитата
<span><a href="#" title="by svtalk Maxscorpion mod" onmouseover=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return
false;" onmouseout="this.parentNode.childNodes[1].style.display='none'">{$author['member_rank_img']}</a><div style="display: none">
<img src="{$author['field_х']}">
<img src="{$author['field_х']}">
</div></span>


теперь когда наводишь - открывает, убираешь - прячет smile.gif

Автор: Sibirakman Сен 17 2010, 02:15
Цитата (Slesher @ Сен 16 2010, 21:17)
Цитата (Сергей @  Сегодня, 13:14)
В Opera при наведении на иконку гпуппы открываются картинки групп, но, как только я убераю курсор мышки с иконки, доп. иконки остаются открытыми


надо добавить обработчик когда курсор убираешь: надо так:
теперь когда наводишь - открывает, убираешь - прячет smile.gif

Цитата (Slesher @ Вчера, 21:17)
надо добавить обработчик когда курсор убираешь: надо так:

Внес изменения в шапку форума.


Можно еще сделать так, если кому-то не понравиться способ открытия списка групп при наведении курсора мыши.
Код
<span><a href="#" title="Для просмотра дополнительной информации  жми сюда" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">{$author['member_rank_img']}</a><div style="display: none">
<img src="{$author['field_х']}">
</div></span>

Работает при нажатии на иконку. Так же и закрывается.

И еще маленькая доработка, скорее уже по визуальному оформлению.
Чтобы иконка была в рамочке ставим в самый конеец: в CSS

Код
.memdetails
{
background: #9db1cc
border: 1px solid #abcdef;
border-bottom-width: 2px;
border-right-width: 2px;
padding: 4px 3px 4px 3px;
margin: 3px 1px 3px 1px;
}

А <img src="{$author['field_х']}">
заключаем в это
<div class="memdetails">
</div
т.е должно быть так:
<div class="memdetails">
<img src="{$author['field_х']}">
</div

Как это выглядит, можно посмотреть в аттачах:

Можно ли сделать так, чтобы дополнительные поля пользователя, созданные мной, заполнялись необходимой информацией, при регистрации пользователя? (необходимо для данного мода).

Автор: Сергей Сен 17 2010, 14:02
Можно сделать дополнительное поле, которое может редактировать только администратора.

Автор: Sibirakman Сен 17 2010, 14:27
Цитата (Сергей @ Сегодня, 14:02)
Можно сделать дополнительное поле, которое может редактировать только администратора.

Ну по этому принципу, сейчас и сделан данный мод...просто если пользователь состоит всего в одной группе, то при наведении курсора будут надпись -изображение-
Можно тогда эту надпись -изображение- изменить?-например-групп нет-.

Автор: Sibirakman Сен 18 2010, 16:14
Тему то наверное в архив можно, она по сути и к модификации не относиться). или же все-таки это можно считать за модификацию?


Автор: Hero Ноя 6 2010, 09:08
Столкнулся с такой проблемой все установил работает нормально! НО
В просмотре профиля выходят вот эти надписи (как их убрать????)
http://ipb.su/photo/v.php?id=1b75def26fbd47c6f8ca5ec84e431f14

Автор: Deco Ноя 7 2010, 16:14
Логин/пароль в личку, поставлю как следует.

Автор: Hero Дек 1 2010, 18:48
походу - администрация отключила этот мод ! очень жаль!!!!!!!!! Проверял на обычном только что созданном форуме и не работает!!!! именно на стандартом стиле! Икона не отбражается у меня файр фокс! все установи лкак в инструкции много раз читал! и я не мог ошибиться
!

Автор: alexb Фев 2 2011, 17:17
я всё сделал как написано, но у меня иконка не отображается
[Показать/Скрыть]
user posted image

Автор: Hero Фев 2 2011, 17:26
какой у вас браузер!?

Автор: alexb Фев 2 2011, 17:49
Opera
давайте вы зайдёте на форум и посмотрите сами (мне просто для проверки)

Автор: alex_SssS Фев 4 2011, 18:32
У меня типо того же,но у меня просто место изображения серый квадратик

Автор: Hero Фев 4 2011, 20:41
Цитата (alex_SssS @ Фев 4 2011, 22:32)
У меня типо того же,но у меня просто место изображения серый квадратик

Ваш форум,всё исправлю!

Автор: alex_SssS Фев 6 2011, 09:39
worldport.ipb2.ru
сделай если сможешь,что-бы иконки выкатывались вниз,и то,что находится ниже иконок не сдвигалось вниз,а иконки просто ложились на текст

Автор: Slesher Фев 6 2011, 20:31
Цитата (alex_SssS @ Сегодня, 09:39)
то,что находится ниже иконок не сдвигалось вниз,а иконки просто ложились на текст


гм насколько я представляю, надо делать дивное окно...

Автор: Slesher Фев 6 2011, 20:44
консультирувать по данному моду не берусь, потому что он достаточно сомнительный, в нем множество минусов да и еще не у всех работает.
Намного проще переписать его на jQuery

Автор: Hero Авг 30 2011, 16:01
Тема вновь открыта и ждет отзывов. smile.gif

Powered by Invision Power Board (//www.invisionboard.com)
© Invision Power Services (//www.invisionpower.com)