адаптировать туториал пользователи в статистике по времени на invision

автор literrary Январь 29th 2023, 17:51

https://help.forum2x2.ru/t37170-topic
вот туториал, а как сделать то же на Инвизион?

автор **Ilya** Январь 30th 2023, 15:42

Добрый день!

ПА - Оформление - Шаблоны - index_body

Найдите:

Код:: <div class="clearfix"><div class="left">{TOTAL_USERS_ONLINE}</div> <a href="{U_VIEWONLINE}" rel="nofollow" class="viewonline right">{L_VIEW_COMPLETE_LIST}</a></div> <div class="thin">{LOGGED_IN_USER_LIST}{L_CONNECTED_MEMBERS}</div>

Замените на:

Код:: <div> <div class="h3">Пользователи, последними заглянувшие на форум:</div> <span id="res"></span> <div class="clear"></div> </div> <script> $("#res").load("/memberlist?mode=lastvisit&order=DESC&submit=Ok&username .member-header.clearfix") </script>

Сохраните. Опубликуйте.

ПА - Оформление - Цвета & CSS - Каскадная таблица стилей CSS

Код:: #res { display: flex; height: 60px; width: 60px; margin: 10px -10px; } #res .mini-avatar img { height: 50px; width: 50px; } #res .mini-avatar { width: 50px; display: flex; } div.popupmenu.clearfix { z-index: 3; position: relative; } #res .member-header.clearfix { width: 60px; } #res .popmenubutton-new-out { width: 70px; display: flex; flex-direction: column; justify-content: center; height: 60px; align-items: center; } .popmenubutton > a, .popmenubutton .btn-floating-left { background-image: none; white-space: normal; padding: 2px 8px; }

Сохранить.

Результат:

адаптировать туториал пользователи в статистике по времени на invision Ouo90

При нажатии на ник открывается список возможных контактов с пользователем.

автор literrary Январь 30th 2023, 18:40

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

автор literrary Январь 30th 2023, 19:20

я переставил вниз, просто, чтоб знать кто заходил в 38 часов
а внизу - список
счас буду раздвигать
наверно можно его укоротить --?

автор literrary Январь 30th 2023, 20:08

насчёт количества я решил,--
есть скрипт с МуББ

Код:: .find("#TBl").load("/search.php?action=show_recent #pun-main table tr:[b]lt(15)[/b]");</script>

выделенное добавить просто.
осталось раздвинуть эти блоки

автор **Ilya** Январь 30th 2023, 21:08

Замените CSS код на этот:

Код:: #res { display: flex; height: 60px; margin: 10px 0 180px; background-color: red; justify-content: space-between; } #res .member-header.clearfix { width: 80px; display: flex; } #res .popmenubutton-new-out { width: 80px; display: flex; flex-direction: column; justify-content: center; height: 80px; align-items: center; } .popmenubutton > a, .popmenubutton .btn-floating-left { background-image: none; white-space: normal; display: block; height: 50px; width: 79px; text-align: center; font-size: 11px; margin-top: 7px; padding: none; } #res .mini-avatar { display: flex; } #res .mini-avatar img { height: 50px; width: 50px; } div.popupmenu.clearfix { z-index: 3; position: relative; }

Результат:

адаптировать туториал пользователи в статистике по времени на invision Ouo92

автор literrary Январь 30th 2023, 21:36

решено,
можно в туториалы )))))))
код, только, выставить с правкой с моей
потомучто грузится как я понял 50 аватаров это задержка
а так меньше
удобно ЧТО: что можно посмотреть сразу сообщения пользователя, ленту
С П А С И Б О

адаптировать туториал пользователи в статистике по времени на invision

адаптировать туториал пользователи в статистике по времени на invision

Re: адаптировать туториал пользователи в статистике по времени на invision

Re: адаптировать туториал пользователи в статистике по времени на invision

Re: адаптировать туториал пользователи в статистике по времени на invision

Re: адаптировать туториал пользователи в статистике по времени на invision

Re: адаптировать туториал пользователи в статистике по времени на invision

Re: адаптировать туториал пользователи в статистике по времени на invision