Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Проблема с метатегом Descriptionавтор VeraLV Вчера в 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
» 2x2 форум
автор лексей2222 Февраль 12th 2024, 14:47
» сколько сообщений в теме
автор лексей2222 Февраль 10th 2024, 07:24
Пользователи онлайн с Аватарками
Участников: 3
Страница 1 из 1
Пользователи онлайн с Аватарками
Версия INVISION
PunBB:
phpBB3:
phpBB2:
Ставим в виджет...
- Код:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<div id="my_member_list" style="display:none;"></div>
<div align="center" id="avatars"></div>
<script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .member-list", function(data) {
jQuery(data).find('.popupmenu').each(function(index) {
var href = jQuery(this).find('.popupmenu-item>a').first().attr("href");
var user = jQuery(this).find('.popupmenu-item>a').last().attr("href").replace("/spa/","");
var enlace = jQuery("<a href='" + href + "' alt='" + user + "' title='" + user + "' />");
var imagen = jQuery(this).find('.avatar>img');
var miembro = jQuery("<div class='name'>" + user + "</div>");
jQuery(enlace).append(imagen).append(miembro);
jQuery("#avatars").append(jQuery("<span class='grid_item'>").append(enlace));
});
});
});
</script>
<style>
#avatars{
width: 215px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 1px solid black;
height: 50px;
width: 50px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
}
#avatars .grid_item {
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 50px;
}
#avatars .name {
font-size: 9px;
color: grey;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
PunBB:
- Код:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<div id="my_member_list" style="display:none;"></div>
<div align="center" id="avatars"></div>
<script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .frm-form", function(data) {
jQuery(data).find('.avatar-mini').each(function(index) {
var href = jQuery(this).find('a.gen').attr("href");
var user = jQuery(this).find("a.gen span span strong").text();
var enlace = jQuery("<a href='" + href + "' alt='" + user + "' title='" + user + "' />");
var imagen = jQuery(this).find('a.gen>img');
var miembro = jQuery("<div class='name'>" + user + "</div>");
jQuery(enlace).append(imagen).append(miembro);
jQuery("#avatars").append(jQuery("<span class='grid_item'>").append(enlace));
});
});
});
</script>
<style>
#avatars{
width: 215px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 1px solid black;
height: 50px;
width: 50px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
}
#avatars .grid_item {
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 50px;
}
#avatars .name {
font-size: 9px;
color: grey;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
phpBB3:
- Код:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<div id="my_member_list" style="display:none;"></div>
<div align="center" id="avatars"></div>
<script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .memberlist", function(data) {
jQuery(data).find('.avatar-mini>a').each(function(index) {
jQuery("#avatars").append(jQuery(this));
});
});
});
</script>
<style>
#avatars{
width: 215px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 1px solid black;
height: 50px;
width: 50px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 50px;
}
#avatars strong {
font-size: xx-small;
color: grey;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
phpBB2:
- Код:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<div id="my_member_list" style="display:none;"></div>
<div align="center" id="avatars"></div>
<script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .memberlist", function(data) {
jQuery(data).find('table.forumline tbody tr').each(function(index) {
var href = jQuery(this).find("div.avatar.mini>a").attr("href");
var user = jQuery(this).find("span.gen a.gen span strong").text();
var enlace = jQuery("<a href='" + href + "' alt='" + user + "' title='" + user + "' />");
var imagen = jQuery(this).find("div.avatar.mini>a>img");
var miembro = jQuery("<div class='name'>" + user + "</div>");
jQuery(enlace).append(imagen).append(miembro);
jQuery("#avatars").append(jQuery("<span class='grid_item'>").append(enlace));
});
});
});
</script>
<style>
#avatars{
width: 215px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 1px solid black;
height: 50px;
width: 50px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
}
#avatars .grid_item {
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 50px;
}
#avatars .name {
font-size: 9px;
color: grey;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
Ставим в виджет...
Re: Пользователи онлайн с Аватарками
не знаю можно здесь с вопросами или нет) это единственный скрипт с аватарами, который у меня заработал на Инвизион, спасибо!)) Хотелось бы уточнить, авки появились всех пол-лей которые заглядывали за сутки, а не сиюминутно онлайн, так и задумано или у меня не срабатывает?
Если у вас найдется еще что с аватарами для Инвизион, приносите)))
Если у вас найдется еще что с аватарами для Инвизион, приносите)))
Ксандра-
-
Сообщения : 202
Возраст : 89
Регистрация : 2013-12-26
Благодарности : 23
Re: Пользователи онлайн с Аватарками
И тех кто онлайн и за 24 часа...Если будет что-то новое обезательно поделюсь!Ксандра пишет:не знаю можно здесь с вопросами или нет) это единственный скрипт с аватарами, который у меня заработал на Инвизион, спасибо!)) Хотелось бы уточнить, авки появились всех пол-лей которые заглядывали за сутки, а не сиюминутно онлайн, так и задумано или у меня не срабатывает?
Если у вас найдется еще что с аватарами для Инвизион, приносите)))
Re: Пользователи онлайн с Аватарками
Administrator NEXT-EXPRES, почему- то с включением виджета окно сообщений перестало норм работать, исчезла его менюшка сверху, переходим в предпросмотр, там окно смайликов есть, но они не вставляются. Проверяла несколько раз, с отключением все снова работает. Жалко выключать игрушку)) может это исправимо? или связано с переделкой рамеров
вчера я под себя исправила
с неизмененным скриптом выглядело так
4 аватара в ряду обрезалась, они приплюснулись в квардрат
потом я увеличила авки, по 2, но отряд онлайнщиков вытянулся далеко вниз))
остановилась на этом
вообще, можно было менять эти размеры?
#avatars{
width: 215px;
height: 50px;
width: 50px;
padding: 0 3px 0 0;
width: 50px;
и шрифт имени с 9 на 7
вчера я под себя исправила
с неизмененным скриптом выглядело так
4 аватара в ряду обрезалась, они приплюснулись в квардрат
потом я увеличила авки, по 2, но отряд онлайнщиков вытянулся далеко вниз))
остановилась на этом
вообще, можно было менять эти размеры?
#avatars{
width: 215px;
height: 50px;
width: 50px;
padding: 0 3px 0 0;
width: 50px;
и шрифт имени с 9 на 7
Ксандра-
-
Сообщения : 202
Возраст : 89
Регистрация : 2013-12-26
Благодарности : 23
Re: Пользователи онлайн с Аватарками
Administrator NEXT-EXPRES,
спасибо за туториал, надеюсь вам удастся отладить его, в связи с комментариями пользовательницы Ксандра ...
Вы не могли бы дополнить его скриншотами - чтобы сразу можно было увидеть, что должно получиться в результате ?
спасибо за туториал, надеюсь вам удастся отладить его, в связи с комментариями пользовательницы Ксандра ...
Вы не могли бы дополнить его скриншотами - чтобы сразу можно было увидеть, что должно получиться в результате ?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Пользователи онлайн с Аватарками
Вот он на моем сайте..и все работает нормально у меня... вот пример...(http://next.expressforum.org/)...пока не могу дать конкретный ответ...вот мои размеры скрипта...
- Код:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<div id="my_member_list" style="display:none;">
</div>
<div align="center" id="avatars">
</div><script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .member-list", function(data) {
jQuery(data).find('.popupmenu').each(function(index) {
var href = jQuery(this).find('.popupmenu-item>a').first().attr("href");
var user = jQuery(this).find('.popupmenu-item>a').last().attr("href").replace("/spa/","");
var enlace = jQuery("<a href='" + href + "' alt='" + user + "' title='" + user + "' />");
var imagen = jQuery(this).find('.avatar>img');
var miembro = jQuery("<div class='name'>" + user + "</div>");
jQuery(enlace).append(imagen).append(miembro);
jQuery("#avatars").append(jQuery("<span class='grid_item'>").append(enlace));
});
});
});
</script><style>
#avatars{
width: 180px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 0px solid black;
height: 40px;
width: 40px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
}
#avatars .grid_item {
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 40px;
}
#avatars .name {
font-size: 8px;
color:orange;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
Re: Пользователи онлайн с Аватарками
ваш Invision выглядит оч благородно и аватары смотрятся иначе, видимо потому что равносторонние, а у нас кто во что горазд, поэтому сплющиваются. Интересно, в аватаре после последнего сообщения тоже размеры сторон нерашаемы.. Ну да ладно, это терпимо, когда мелкие, попробовала последний скрипт, с менюшкой проблема осталась, к сожалению. Я в админстве меньше м-ца, может что конфликтует или не хватает наоборот, вроде мало что приделано, не разберусь..
Ксандра-
-
Сообщения : 202
Возраст : 89
Регистрация : 2013-12-26
Благодарности : 23
Re: Пользователи онлайн с Аватарками
Я бы с удовольствием помог...но это всё что мог я поделится с вами...Может найдутся другие мастера и помогут вам,миледи...Возможно и есть какой-то комфликт с каким-то скриптом...
И размер аватаров на форуме ставте по меньше...пробуйте самый малый размер...
измините размер виджета...190px а у скрипта 180px...может и получится...Ксандра пишет:ваш Invision выглядит оч благородно и аватары смотрятся иначе, видимо потому что равносторонние, а у нас кто во что горазд, поэтому сплющиваются. Интересно, в аватаре после последнего сообщения тоже размеры сторон нерашаемы.. Ну да ладно, это терпимо, когда мелкие, попробовала последний скрипт, с менюшкой проблема осталась, к сожалению. Я в админстве меньше м-ца, может что конфликтует или не хватает наоборот, вроде мало что приделано, не разберусь..
И размер аватаров на форуме ставте по меньше...пробуйте самый малый размер...
Re: Пользователи онлайн с Аватарками
нашла причину почему виджет не работает у меня, на тестовом форуме поставила слева - менюшка быстрого и развернутого ответов на месте, но стоит передвинуть вправо (у меня правые виджеты), как меню пропадает. Поменяла 2 значения "слева" на "справа" от балды, какие нашла)))
#avatars a{
background: none !important;
padding-right: 0 !important;
#avatars .grid_item {
float: right;
Не помогло. В общем, если кто-то соображающий сможет его настроить для правосторонних виджетов, будет здорово) а нет, так будем знать))
#avatars a{
background: none !important;
padding-right: 0 !important;
#avatars .grid_item {
float: right;
Не помогло. В общем, если кто-то соображающий сможет его настроить для правосторонних виджетов, будет здорово) а нет, так будем знать))
Ксандра-
-
Сообщения : 202
Возраст : 89
Регистрация : 2013-12-26
Благодарности : 23
Re: Пользователи онлайн с Аватарками
Вот ище вариант...ставим в виджет...
Versión phpBB2:
Versión phpBB3:
Versión punBB:
Versión Invision:
<div id="my_member_list" style="display:none;"></div>
<div align="center" id="avatars"></div>
<script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .member-list", function(data) {
jQuery(data).find('.popupmenu').each(function(index) {
var href = jQuery(this).find('.popupmenu-item>a').first().attr("href");
var user = jQuery(this).find('.popupmenu-item>a').last().attr("href").replace("/spa/","");
var enlace = jQuery("<a href='" + href + "' alt='" + user + "' title='" + user + "' />");
var imagen = jQuery(this).find('.avatar>img');
var miembro = jQuery("<div class='name'>" + user + "</div>");
jQuery(enlace).append(imagen).append(miembro);
jQuery("#avatars").append(jQuery("<span class='grid_item'>").append(enlace));
});
});
});
</script>
<style>
#avatars{
width: 215px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 1px solid black;
height: 50px;
width: 50px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
}
#avatars .grid_item {
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 50px;
}
#avatars .name {
font-size: 9px;
color: grey;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
Versión phpBB2:
- Код:
<div id="my_member_list" style="display:none;"></div>
<div align="center" id="avatars"></div>
<script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .memberlist", function(data) {
jQuery(data).find('table.forumline tbody tr').each(function(index) {
var href = jQuery(this).find("div.avatar.mini>a").attr("href");
var user = jQuery(this).find("span.gen a.gen span strong").text();
var enlace = jQuery("<a href='" + href + "' alt='" + user + "' title='" + user + "' />");
var imagen = jQuery(this).find("div.avatar.mini>a>img");
var miembro = jQuery("<div class='name'>" + user + "</div>");
jQuery(enlace).append(imagen).append(miembro);
jQuery("#avatars").append(jQuery("<span class='grid_item'>").append(enlace));
});
});
});
</script>
<style>
#avatars{
width: 215px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 1px solid black;
height: 50px;
width: 50px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
}
#avatars .grid_item {
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 50px;
}
#avatars .name {
font-size: 9px;
color: grey;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
Versión phpBB3:
- Код:
<div id="my_member_list" style="display:none;"></div>
<div align="center" id="avatars"></div>
<script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .memberlist", function(data) {
jQuery(data).find('.avatar-mini>a').each(function(index) {
jQuery("#avatars").append(jQuery(this));
});
});
});
</script>
<style>
#avatars{
width: 215px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 1px solid black;
height: 50px;
width: 50px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 50px;
}
#avatars strong {
font-size: xx-small;
color: grey;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
Versión punBB:
- Код:
<div id="my_member_list" style="display:none;"></div>
<div align="center" id="avatars"></div>
<script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .frm-form", function(data) {
jQuery(data).find('.avatar-mini').each(function(index) {
var href = jQuery(this).find('a.gen').attr("href");
var user = jQuery(this).find("a.gen span span strong").text();
var enlace = jQuery("<a href='" + href + "' alt='" + user + "' title='" + user + "' />");
var imagen = jQuery(this).find('a.gen>img');
var miembro = jQuery("<div class='name'>" + user + "</div>");
jQuery(enlace).append(imagen).append(miembro);
jQuery("#avatars").append(jQuery("<span class='grid_item'>").append(enlace));
});
});
});
</script>
<style>
#avatars{
width: 215px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 1px solid black;
height: 50px;
width: 50px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
}
#avatars .grid_item {
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 50px;
}
#avatars .name {
font-size: 9px;
color: grey;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
Versión Invision:
<div id="my_member_list" style="display:none;"></div>
<div align="center" id="avatars"></div>
<script>
jQuery(document).ready(function(){
jQuery("#my_member_list").load("/memberlist .member-list", function(data) {
jQuery(data).find('.popupmenu').each(function(index) {
var href = jQuery(this).find('.popupmenu-item>a').first().attr("href");
var user = jQuery(this).find('.popupmenu-item>a').last().attr("href").replace("/spa/","");
var enlace = jQuery("<a href='" + href + "' alt='" + user + "' title='" + user + "' />");
var imagen = jQuery(this).find('.avatar>img');
var miembro = jQuery("<div class='name'>" + user + "</div>");
jQuery(enlace).append(imagen).append(miembro);
jQuery("#avatars").append(jQuery("<span class='grid_item'>").append(enlace));
});
});
});
</script>
<style>
#avatars{
width: 215px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#avatars img{
border: 1px solid black;
height: 50px;
width: 50px;
}
#avatars a{
background: none !important;
padding-left: 0 !important;
}
#avatars .grid_item {
float: left;
overflow: hidden;
padding: 0 3px 0 0;
width: 50px;
}
#avatars .name {
font-size: 9px;
color: grey;
overflow: hidden;
text-align: center;
white-space: nowrap;
}
</style>
Re: Пользователи онлайн с Аватарками
последняя версия кода работает и на правом виджете, здорово))
Ксандра-
-
Сообщения : 202
Возраст : 89
Регистрация : 2013-12-26
Благодарности : 23
Re: Пользователи онлайн с Аватарками
Пожалуйста!Это прекрасно когда все работает!В скором времени найду решение как в чате ставить аватары...сейчас тестирую...
Re: Пользователи онлайн с Аватарками
у меня опять вопросик, как сделать, чтобы эти авки были видны гостям? Профиль открыла для гостей, не помогло
Ксандра-
-
Сообщения : 202
Возраст : 89
Регистрация : 2013-12-26
Благодарности : 23
Re: Пользователи онлайн с Аватарками
спс) не хотелось бы лишится админ-закутка)))
Ксандра-
-
Сообщения : 202
Возраст : 89
Регистрация : 2013-12-26
Благодарности : 23
Re: Пользователи онлайн с Аватарками
просто сейчас не могу смотреть что именно нужно..просто на сервере опять работы наверное...но обезательно скажу точно что нужно
Похожие темы
» Пользователи онлайн
» онлайн пользователи
» Пользователи не видят кнопки онлайн
» Общая тема : Всегда онлайн
» Проблема с аватарками
» онлайн пользователи
» Пользователи не видят кнопки онлайн
» Общая тема : Всегда онлайн
» Проблема с аватарками
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения