Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Сворачивание информации под N-кнопок в профиле топика


Сворачивание информации под N-кнопок в профиле топика

Сообщений 1 страница 20 из 90

1

Автор: Deff

http://s2.uploads.ru/gVCmQ.png

Кнопки-картинки(ссылки красным) ставим в нужное место перед нужной группой полей(Число кнопок, - Произвольное)

В HTML верх

Код:
    <!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
    <style>img.post-img-Sp {margin:6px 3px;}
    div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
    </style>
    <script type="text/javascript" src="http://mybb.forum4.ru/files/0010/b4/f8/57844.js"></script>

В HTML низ

   

<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
    <script>
    var a1 = 0 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
    var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
    var a3 = 0     // Резкость Открытия: 0 - Плавно; 1 - Резко;

    var LiArr=new Array(
    //При наличии двух косых => // в начале пункта, - пункт не скрывается.

    //"pa-author",     //Ник-Нейм
    //"pa-avatar",     //Аватар
    //"pa-title",      //статус

    // 1 кнопка - ссылка на Картинку
    //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
    "http://s3.uploads.ru/VymNB.png[Описание 1]",

    "pa-reg",        //Зарегистрирован
    "pa-invites", //Приглашений
    "pa-posts",      //Кол-во сообщений:
    "pa-respect",    //Уважение:
    "pa-positive",   //Позитив
    "pa-sex",        //Пол
    "pa-age",        //Возраст
    "pa-icq",        //Аська
    "pa-ip",         //IP Юзера
    "pa-time-visit", //Провел на форуме:
    "pa-last-visit", //Последний визит:
    //"pa-online",     //Пользователь online - Не засовываем в спойлеры

    // 2 кнопка- ссылка на Картинку
    "http://s3.uploads.ru/T7hLI.png",

    "pa-from",       //Откуда
    "pa-fld1",       //Доп.Поле.1

    // 3 кнопка- ссылка на Картинку
    "http://s3.uploads.ru/VtGQ4.png",

    "pa-fld2",       //Доп.Поле.2
    "pa-fld3",       //Доп.Поле.3
    "pa-fld4",       //Доп.Поле.4
    "pa-fld5",       //Доп.Поле.5
    //"award",      //Награды(только для rusff и ork)
    //"gift",         //Подарки(только для rusff и ork)

    //Конец Списка,
    "_End"); SetProvilSpoil(a1,a2,a3);
    </script>
    <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->


В скрипте расположение Пунктов, установлено так же, как и по умолчанию на форумах mybb,
Пункты в списке - можно переставлять и оно независит от их начального положения.
Приведённый вариант, по дефолту, чуть быстрее, если поля не переставлялись в Админке,
в  настройках "Поля Профиля", поскольку требует меньше времени на перестановки скриптом.

Пункт активен - //"pa-online" сейчас вытащен из спойлеров.
Для этого необходимо было поставить перед ним  две косых //.(Это для последующих установок, к примеру скриптов: офлайн - онлайн картинкой, (аналогично можно вытащить из участия в спойлере и любой другой пункт

Пункты:
//"award",      //Награды(только для rusff и ork)
//"gift",         //Подарки(только для rusff и ork)


- Только для Quadro.Boards, - снимаем два наклонных слеша только для реально используемого(ых) пунктов.
*Награды и подарки удобнее ставить под последнюю кнопку, особенно если их много

Совет: При горизонтальном расположении кнопок, симпатичней  их делать несколько длиннее

Для дизайнеров       
    Селектор для стиля вкладки ul.post-ul-Sp
    Селектор для картинки-кнопки .post-img-Sp
    Селектор aктивной кнопки .post-img-Sp.active
    Селектор кнопки при наведении .post-img-Sp:hover
    Селектор подсказки при наведении на кнопку div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner



Пояснения к DEMO:
В демке четыре сообщения, с разными вариантами оформления и начального срабатывания кнопок в профиле, в зависимости от установки параметров а1 и a2 *см. начало скрипта, в части, устанавливаемой в HTML низ

Пример оформления кнопок в DEMO

<!-- HTML верх - Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
        <style>img.post-img-Sp {
          margin:1px;
          padding:2px;
          border:transparent 1px dashed;
            -webkit-border-radius:4px;
            -khtml-border-radius:4px;
            -moz-border-radius:4px;
            -o-border-radius:4px;
            -ms-border-radius:4px;
            border-radius:4px;
        }
        img.post-img-Sp.active {
            border:#645850 1px dashed;
            -webkit-box-shadow:0px 5px 18px #000;
            -khtml-box-shadow:0px 5px 18px #000;
            -moz-box-shadow:0px 5px 18px #000;
            -ms-box-shadow:0px 5px 18px #000;
            box-shadow: 0px 5px 18px #000;
        }
        </style>

Теги:  топик, спойлер,профиль, скрипт

+2

2

спасибо))

Отредактировано cotton' (26.08.2013 22:24:42)

0

3

не получается у меня так что бы они по горизонтали стояли. все уже перепробовала.

0

4

sentimenty
поставьте скрипт, дайте ссылку на форум

0

5

sadhaka
http://probnik0909.artbb.ru/
все стоит может конечно дело в картинках.

0

6

Попробуйте поизменять настройки здесь (поставить 1 или 3)

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

var a1 = 0 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер

+2

7

sadhaka
помогло, спасибо вам огромное

0

8

У меня на форуме сразу открыт "Личное" (то бишь  первая кнопка) Что делать?

0

9

Тарас Шевченко

var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;

0

10

Тарас Шевченко
читаем настройки скрипта

var a1 = 0 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
    var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
    var a3 = 0     // Резкость Открытия: 0 - Плавно; 1 - Резко;

0

11

Приветствую. Подскажите, пожалуйста, как отцентрировать кнопки-картинки?

0

12

Forethinker
Ссылку на форум с установленным кодом

0

13

Deff, здесь.

Отредактировано Forethinker (15.01.2014 21:38:22)

0

14

Forethinker
первое окно стиля
найти и дописать выделенное

.punbb .post .post-author {
    background: url("") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    margin: -1px;
    overflow: hidden;
    padding-top: 2em;
    text-align: center;
    width: 220px;
}

ниже дописать сие

.post-ul-Sp {
    text-align: left;
}

//если надо, чтобы другие поля не центрировались

+1

15

Deff, sadhaka, большое спасибо, все работает!

0

16

Большое спасибо за скрипт! Очень нужная вещь!

Отображается только одна кнопка, а мне нужны все три!

Отредактировано Igan Spengler (20.03.2014 13:18:22)

0

17

Igan Spengler
Давайте ссылку на страницу сообщений.

0

18

Ichimaru Gin написал(а):

Igan Spengler
Давайте ссылку на страницу сообщений.

Извините, но уже всё нормально.

0

19

Я тут немного потрудился и мне удалось провести эксперимент с указанным скриптом.

В html-верх:

Код:
<!-- HTML верх -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
    <style>img.post-img-Sp {margin:6px 3px;}
    div.tipsy.tipsy-s.Sp-imgSp-img .tipsy-inner{font-size:14px;letter-spacing:1px;}
    </style>
    <script type="text/javascript" src="http://mybb.forum4.ru/files/0010/b4/f8/57844.js"></script>

В html-низ:

Код:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
    <script>
    var a1 = 0 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
    var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки;
    var a3 = 0     // Резкость Открытия: 0 - Плавно; 1 - Резко;

    var LiArr=new Array(
    //При наличии двух косых => // в начале пункта, - пункт не скрывается.

    //"pa-author",     //Ник-Нейм
    //"pa-avatar",     //Аватар
    //"pa-title",      //статус

    // 1 кнопка - ссылка на Картинку
    //В квадратных скобках, прямо к ссылке можно добавить своё описание (по желанию)
    "http://s3.uploads.ru/VymNB.png[Описание 1]",

    "pa-reg",        //Зарегистрирован
    "pa-invites", //Приглашений
    "pa-posts",      //Кол-во сообщений:
    "pa-respect",    //Уважение:
    "pa-positive",   //Позитив
    "pa-sex",        //Пол
    "pa-age",        //Возраст
    "pa-icq",        //Аська
    "pa-ip",         //IP Юзера
    "pa-time-visit", //Провел на форуме:
    "pa-last-visit", //Последний визит:
    //"pa-online",     //Пользователь online - Не засовываем в спойлеры

    // 2 кнопка- ссылка на Картинку
    "http://s3.uploads.ru/T7hLI.png[описание2]",

    "pa-from",       //Откуда
    "pa-fld1",       //Доп.Поле.1
    "pa-fld2",       //Доп.Поле.2

        //Конец Списка,
    "_End"); SetProvilSpoil(a1,a2,a3);
    </script>
    <!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

или

Код:
<!-- HTML низ -Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика -->
<script>
var a1 = 1 // 0 - спойлер-аккордеон, 1 - вертикальный спойлер; 3 - обычный спойлер
var a2 = 0 // 0 - Скрытие первой вкладки; 1 - Показ первой вкладки; 
var a3 = 0 // Резкость Открытия: 0 - Плавно; 1 - Резко;
var LiArr=new Array(
//При наличии двух косых => // в начале пункта, - пункт не скрывается.
//"pa-author",     //Ник-Нейм
//"pa-avatar",     //Аватар
//"pa-title",      //статус
// 1 кнопка - ссылка на Картинку
"http://s4.uploads.ru/oqnkX.png[User]",
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-from",       //Откуда
"pa-reg",        //Зарегистрирован
"pa-time-visit", //Провел на форуме:
"pa-last-visit", //Последний визит:
"pa-ip",         //IP Юзера
//"pa-online",     //Пользователь online - Не засовываем в спойлеры
// 2 кнопка- ссылка на Картинку
"http://s4.uploads.ru/Wcv1x.png[Info]",
"pa-icq",        //Аська
"pa-posts",      //Кол-во сообщений:
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-invites", //Приглашений
// 3 кнопка- ссылка на Картинку
"http://s5.uploads.ru/ptnFE.png[Character]",
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5
// 4 кнопка- ссылка на Картинку
"http://s4.uploads.ru/PK86h.png[Awards]",
"award",      //Награды(только для rusff и ork)
// 5 кнопка- ссылка на Картинку
"http://s4.uploads.ru/k3C1o.png[Gifts]",
"gift",         //Подарки(только для rusff и ork)
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

Будут вопросы, пишите в ЛС или на e-mail

Отредактировано Igan Spengler (28.03.2014 23:29:11)

0

20

Здравствуйте, есть вопрос по скрипту (расширению).

Необходимо под третью (или вторую, неважно) кнопку поместить поля профиля с наградами и подарками, но не стандартными pa-awards и pa-gifts, а, например, "pa-fld3", "pa-fld4". Или хотя бы одну (например, подарки, т.к. награды сидят ниже в профиле и скрыты другим скриптом): ссылка
Идея честно подсмотрена на этом замечательном ресурсе, именно там под последней кнопкой находятся эти два поля; если подобное приравнивается к частной собственности, то прошу прощения, копипастить не буду.

Пробовал стандартно создать два дополнительных поля в полях профиля, которые были помещены под кнопку, все прошло успешно за исключением следующего:
1. Текстовое поле полей профиля ограничено в кол-ве символов, их 900, если наград много, то не хватит. А если там будут еще и подарки  -  то подавно.
2. Не получается вставить в описание изображение вместо слов "Награды" и "Подарки". Точнее, код картинки вставляется, но результата нет.

Сейчас под третьей кнопкой висит числовое значение, оно потом будет перенесено под вторую.

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Сворачивание информации под N-кнопок в профиле топика


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC