Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Новые возможности форумов » Выпадающая Табличка по клику на иконку в профиле топика:


Выпадающая Табличка по клику на иконку в профиле топика:

Сообщений 161 страница 180 из 553

1

Your mafiosi написал(а):

Здравствуйте.
Я хотела бы "запросить" скрипт вот такого плана:

Зарисовки

http://sa.uploads.ru/t/mRNfh.png

● Кружочки с цифрами - скрытия инфы под профилем
● Нажимаем на стрелочку и выпадает вон-та штука.
● Нажимаем - пропадает.
● Желательно, что бы рамки выпадающей таблички были сменимы.
● Каждый контент - поле профиля.

Свернутый текст

Your mafiosi,
1. Ссылку на форум или тестовик куда будет происходить установка  (с уже установленным скриптом с кружочками на скриншоте...)
2. Вы хотите задействовать 4-ре доп поля в этой таблице - у Вас останется только одно - этого не мало ?
3.


Итоговый Скрипт:

Для Ролевых форумов

Всплывающая табличка в топике с дополнительными данными юзера
(это могут быть свои собственные медали, подарки,анкета, расширенные сведения о Персонаже)
http://sa.uploads.ru/KG3PY.png

Скрипт устанавливается в HTML низ, ближе к концу.
Настройки скрипта вынесены с пояснениями, красным в скрипте - ссылка на иконку в минипрофиле (если нужно - меняем на свою) и ID форума с темами для табличек(см описание ниже):

Код установки:

<!-- Всплывающая таблица с вкладками, в топике, с инфой о персонаже -->
<style type="text/css">
/*Подвижка иконки*/
img.a-info{
  margin-top: -3px!important;
  margin-left: 173px!important;
  width:30px;  /*Размер иконки*/
}
/*Подвижка всплывающей подсказки иконки*/
.tipsy.a-info{
  margin-top: -2px!important;
  margin-left:-6px!important;
  font: normal normal 400 11px/16.5px Verdana;
}
/*сдвиг таблицы*/ .my-tabs{
  margin-top: -73px;  /*сдвиг таблицы вверх от положения иконки*/
  margin-left:255px;  /*сдвиг таблицы вправо от положения иконки*/
}
/*Цвет фона и бордюров таблицы*/
.my-tabs>.tab-a,.my-tabs>span{
  background:#F7F6D2!important;
  border-color: #909D7E!important;
}
</style>

<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0013/44/56/73823.css" />
<script img-data="
http://sa.uploads.ru/SoT3N.png" src="https://forumstatic.ru/files/0013/44/56/57946.js" forum="16"></script>
<!--//End//Всплывающая таблица с вкладками, в топике, с инфой о персонаже// -->

Пояснения:

1. Создайте отдельный форум(раздел) для тем с доп. инфой конкретного юзера во всплывающей табличке. Форум открываем на чтение всем группам(можно скрыть для гостя, хотя и гостю интересно видеть табличку). Форум скрываем с "Главной" скриптом, устанавливаемым в Описание к Форуму - Администрирование- Форумы - нужный форум - редактировать
в Описание к форуму:

<!-- Скрытие форума от юзеров -->
<script id="ThisForum">if(GroupID>2){a=$('#ThisForum');a.parents('tr').hide();a.remove()}</script>

Каждая тема, - для создания таблички конкретному юзеру.
Каждый пост этой темы, начиная с первого - будет вкладкой таблицы, если:
Если он начинается с названия вкладки, вписанное в самое начало сообщение BB-тегом [mark] (маркирующий текст, см расширение под иконкой "треугольничек")
Со следующей строки такого сообщения - идёт наш контент вкладки(одним из таких сообщений может быть и отлаженная игровая анкета пользователя).
Сообщения-Вкладки должны идти друг за другом, начиная с первого поста (первым постом считается тот, который Вы заполняли при создании темы, который отображается на странице под номером 1), кол-во вкладок будет равно колву заголовков в тегах [mark], после нахождения сообщения без тега [mark]  в первой строке, скрипт считает, что вкладки исчерпаны. Скриншот темы и организации первых двух сообщений для вкладок http://sa.uploads.ru/zJNet.png
Т.е. кол-во вкладок и названия в принципе могут быть разные для каждого юзера. Успели набить один-два поста - будут одна или две вкладки.
Максимальное кол-во вкладок наверно - 6, если названия не сильно длинные.

Как устанавливается табличка для конкретного юзера:
2. В любое доп. поле профиля текущего юзера, где разрешён HTML суём ссылку на тему с вкладками таблицы таким кодом:
<a href=#tid=198></a>
!Внутрь этой(якобы) ссылки ничего и никогда не вставляем!!
Где красная цифра 198 - ID темы будущей таблички для текущео юзера.
Определяется при клике на тему в форуме с темами для табличек:
Пример для этой темы, кликаем в форуме "Сведения о участниках" тему "Ник: Волна" смотрим ссылку в адресном окне браузера:
http://timelife.0pk.ru/viewtopic.php?id=198
Цифры после = и есть ID темы, которые и вставляем в ссылку(ссылка юзерам не видна и не портит доп поля профиля, в котором разрешено HTML.

3. Добавлена очистка тем и сообщений этого форума с доп. данными пользователя при использовании поиска, для этого в скрипте добавлен атрибут forum="16", где красным = ID форума, получаемое аналогично ID темы, при клике на форум с главной, считываем в адресном окне браузера:
Пример по клику текущего форума со скриптами:
https://forum.mybb.ru/viewforum.php?id=16
И вставляем в атрибут скрипта forum= вместо красного, - свою цифру.

На вопрос: Как задать шрифт и стиль текста на вкладке:

Оформление вкладок(шрифт и т.д.) таблицы соответствует оформлению в самих сообщениях. Используйте BB-коды в форме ответа


Добавлено 22.01.2015:
Добавлен автоскролл таблички к верхней части экрана и автоскролл во вкладках таблицы при превышении высоты экрана

У поста с таблицей есть собственный селектор: .post.tableAdd


Вариант размещения кликабельной кнопки:
http://mex.su/o3H4v#p42 (жать на "Информация о персонаже")


Если у Вас фон полотна форума стоит на HTML то при всплывании таблицы может появится сдвиг тела форума
Лекарство:
Запихиваем перед тегом </style> такое указание:
body{padding-right:0!important;}


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

Ставим картинку в нужное поле

<img src="Ссылка на Вашу иконку" onclick="iconRedir(this)">

В  HTML низ(Ниже скрипта)

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<style>.post-author img.a-info{display:none!important}</style>
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>


Как добавить в табличку награды пользователя(установленные через Rusff): пост #368
Как подключить HTML в постах к всплывающей табличке: пост #381

+2

161

Я забыл упомянуть, я вставил кнопку только своему персу на ролевой. Тоже Каззи.

0

162

Вот ссыль в нашу гостевую. Самый последний пост. =) http://newlewking.mybb.ru/viewtopic.php … 21#p283886

Отредактировано Каззи (Пт, 28 Авг 2015 21:14:56)

0

163

Каззи
Поправьте код скрипта переадресации

<!-- Переадресация клика со своей Иконки для Вспл. таблицы в топике -->
<style>.post-author img.a-info{display:none!important}</style>
<script type="text/javascript">
function iconRedir(that) {
    $(that).parents('.post-author').find('.post-img-Sp.a-info')[0].click();
};
</script>

0

164

Ухуу!! Все работает! :jumping:  Спасибо!))))) Опять выручил рукожо... неучей в общем))

И еще вопросик) Я могу перемещать поле профиля в любую позицию? Или могут начаться проблемы из-за этого? Просто я сунул его не совсем туда, куда нужно.. И сейчас только это осознал(

0

165

Каззи
Ну сейчасную иконку пофег куда, все фичи только с исходной, что скрыли, она не должна стоять ниже активен и последний визит

0

166

Спасибо))) Буду знать) И... Это ваши скрипты? И прочее... У меня появилась идейка создать тему для благодарностей, и вас хотелось бы там отметить) Только не знаю, что писать)

Если вы не против конечно =Р

Отредактировано Каззи (Пт, 28 Авг 2015 22:01:35)

0

167

Каззи
Лучше отпишитесь в теме с предложениями по uploads, можно и друзей пригласить, это актуальней
=> Не открываются картинки
==============
Cтоит добавить смену курсора при наведении на иконку и подсказку

<img style="cursor:pointer" title="Мои Данные" src="https://forumstatic.ru/files/000b/2c/33/87537.png" onclick="iconRedir(this)">

0

168

Deff написал(а):

Лучше отпишитесь в теме с предложениями по uploads, можно и друзей пригласить, это актуальней
=> Не открываются картинки

Ок!)) Сейчас посмотрю))

Deff написал(а):

Cтоит добавить смену курсора при наведении на иконку
<img style="cursor:pointer" src="https://forumstatic.ru/files/000b/2c/33/87537.png" onclick="iconRedir(this)"/>

Тогда появляется надпись "Данные"(((

0

169

Каззи
Криво скопировали код кнопки, он обрезан (Нет окончания)
При копировании выделяйте код с конца к началу

Выставьте в настройках этого доп поля длину 999 символов (У Вас сейчас только 100)

0

170

Это мой косяк. Я не выставил должную длину текста поля =Р Спасибо еще раз огромное!))) Так в тысячи раз лучше)

0

171

Deff

Здравствуйте! Это опять я)

Такое дело. Все работало великолепно, но в последние несколько дней наблюдается вот что( Я пытался сам разобраться, но так и не понял в чем косяк. Код, не меняли, все лежит так, как лежало, но вдруг хлоп, и такая неприятная история =( Помогите пожалуйста! =)))

http://s7.uploads.ru/t/w3Yy4.png

Мы ничего особо не добавляли. А когда что-то добавляем, все тестируется и ни каких багов не было замечено. Это мы обнаружили дня три на зад.


Ссылка на форум : КЛИК

Отредактировано Каззи (Пн, 19 Окт 2015 09:00:21)

0

172

Каззи
У Вас криво вставлены заголовки таблицы:
Нет тега закрытия:

[mark]О персонаже.[/mark]

И так для всех вкладок наверно всех персов
====================================
Пишите название вкладки, выделяете и жмете "маркированный текст" (расширения BB-кодов под кнопкой треугольник вниз вершиной)

+1

173

Deff написал(а):

Каззи
У Вас криво вставлены заголовки таблицы:
Нет тега закрытия:

И так для всех вкладок наверно всех персов
====================================
Пишите название вкладки, выделяете и жмете "маркированный текст" (расширения BB-кодов под кнопкой треугольник вниз вершиной)

Вот блин....  o.O  Я три дня пытался понять, что с ней((( Кто-то залез в подфорум...  :| И я даже знаю кто... Сейчас поговорю с ним по душам....

Огромное спасибо! Извините за беспокойство такое глупое.  :unsure:

0

174

Deff написал(а):

Можно поправить расположение ушей в вертикальное через css

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

0

175

Kitto
В HTML верх

<!-- Ушки слево-->
<style type="text/css">
/* Корневой таб(UL) */
.my-tabs{
position:relative;
}
/* Стиль "Ушка" вкладок */
.my-tabs>span{
position:relative;z-index:200;
top:0;
margin:2px!important;
float:none!important;
width:15%!important; /*Ширина Уха, выставляем по самому длинному названию*/
}
/* Стиль вкладки(LI)*/
.my-tabs>.tab-a{
width:76%!important; /*Остаточная ширина вкладки*/
margin-top:-165px; /*Подтягиваем вкладки к верху таблы на суммарную высоту ушей*/
float:right!important;
}
/*Подвижка иконки закрытия таблички*/
.my-tabs > img.close {
float:none!important;
position:absolute;
top:-37px;right:35px;
}
</style>

Красное - регулировки

0

176

Deff
спасибо)

0

177

А можно ли на одной из вкладок таблички вставить скрипт баллов?

0

178

tiger_roman
Мон скопировать из профиля цифру, а само поле скрыть css

0

179

Deff
извините, не совсем понял, как это делать
т. е. создаём поле профиля, скрываем его, вставляем скрипт баллов, а... дальше что?)

0

180

tiger_roman
Не скрывайте пока, а дайте ссылку на пост с баллами и табличкой, (клик по дате в сообщении)
Сделайте скриншот вкладки куда вставить (вкладка, куда вставлять уже должна быть в теме с таблой)
Можно в уже существующую вкладку вставить

0


Вы здесь » Единый форум поддержки » Новые возможности форумов » Выпадающая Табличка по клику на иконку в профиле топика: