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

Объявление

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

О форуме

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

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

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


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


Двойной спойлер информации профиля юзера в топике

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

1

Двойной спойлер информации профиля юзера в топике
Автор: Deff
Идея: Swetynasty, kozhilya
http://uploads.ru/i/J/X/k/JXk7R.png

Итоговое расположение Пунктов, в точности как и в списке ниже(независимо от начального положения)
Пункты в списке - можно переставлять
В HTML низ

<!-- Двойной спойлер Инфы в Профиле, в Топике -->
<script>
LIArray=new Array(
//это не скрывается

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

// 1 кнопка - ссылка на Картинку
"http://forumstatic.ru/files/0010/74/32/77157.png",

"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://forumstatic.ru/files/0010/74/32/56624.png",

"pa-from",       //Откуда
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3
"pa-fld4",       //Доп.Поле.4
"pa-fld5",       //Доп.Поле.5

//Конец Списка,
"_End"
)
wrapp1="<li class='post-author-Sp'><img style='cursor:pointer' src='";
wrappEnd="'><ul  style='display:none'></ul></li>";
wrapp2="<li class='post-author-Sp Sp2'><img style='cursor:pointer' src='";

var L='',TsK1='',TsK2='';b=LIArray.length-1;
for(i=0; i<b; i++){a=LIArray[i];if(a.indexOf('http://')==0){TsK1=i;break;}}
for(j=i+1; j<b; j++){a=LIArray[j];if(a.indexOf('http://')==0){TsK2=j;break;}}
wrapp1=wrapp1+LIArray[TsK1]+wrappEnd;wrapp2=wrapp2+LIArray[TsK2]+wrappEnd;;

$(".post .post-author").each(function() {
Noset=true;
for(i=TsK1+1; i<TsK2; i++){a=LIArray[i];
  var C=$(this).find('.'+LIArray[i])
  if(C.length&&Noset){Noset=false;C.before(wrapp1);D=$(this).find('li.post-author-Sp ul')}
  if(C.html()!=null){C.appendTo(D)}
}

Noset=true;
for(i=TsK2+1; i<LIArray.length-1; i++){var C=$(this).find('.'+LIArray[i])
  if(C.length&&Noset){Noset=false;$(this).find('li.post-author-Sp').after(wrapp2);D=$(this).find('li.post-author-Sp.Sp2 ul:last')}
  if(C.html()!=null){C.appendTo(D)}
}
});
$(".post .post-author-Sp ").click(function() {
$(this).find('ul:first').toggle('slow')
});</script>
<!--Конец//=Двойной спойлер Инфы в Профиле, в Топике-->

Сейчас пункт активен - вытащен из спойлеров.
Достаточно было перед ним поставить две косых черты.

http://uploads.ru/i/S/G/F/SGFt4.png

Спойлер наград на Rusff в Профиле, в Топике

Код:
<!-- спойлер наград на Rusff в Профиле, в Топике -->
<style>
.post-author-Sp{
margin-top:3px;
background: url(http://forumstatic.ru/files/0011/7a/1c/97948.png) 50% 50%;
 position:relative;
 z-index:20;
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;

    box-shadow: 0px 2px 4px #8E8E8E;
    -webkit-box-shadow: 0px 2px 4px #8E8E8E;
    -khtml-box-shadow: 0px 2px 4px #8E8E8E;
    -moz-box-shadow: 0px 2px 4px #8E8E8E;
}
ul.wrapper{
margin-left:-15px;
width:167px!important;
margin-bottom:0px;
display:none;
}
ul.wrapper,
ul.wrapper li.pa-awards{
border-color:transparent;
}
.pa-awards {
 margin-top:-12px;
}
.tipsy.awards .tipsy-inner {font-family:Verdana;font-size:11px!important;margin-top:-4px;}
</style>
<script type="text/javascript" src="http://st0.bbcorp.ru/js/jquery.tipsy.min.js"></script>
<script>
// кнопка - ссылка на Картинку
img="http://i.imgur.com/wUYXL.png"

wrapp1="<li class='post-author-Sp'><img style='margin:-12px 0 -7px 0;cursor:pointer' src='";
wrappEnd="'><ul class=wrapper></ul></li>";
wrapp1=wrapp1+img+wrappEnd;
function setNagrad(){
$(".post .post-author .post-author-Sp&quot;).find("span.mini_awards img").tipsy({live: true, gravity: 's awards'});
$(".post .post-author .pa-awards").each(function() {
 if($(this).css("display")!="none"){
  $(this).before(wrapp1);a=$(this).parents('.post').find('.post-author-Sp ul')
  $(this).appendTo(a)
  }
});

$(".post .post-author-Sp ").live("click", function(){
 $(this).find('ul:first').toggle('slow')
});
}
if($("#pun-viewtopic").length>0){
var sek = 100;
function TestRotatorMycontent() {
if($(".post .pa-awards").length>0){setNagrad();return;}
timerID = setTimeout("TestRotatorMycontent()",sek);return;}
TestRotatorMycontent()
}
</script>
<!--Конец//=спойлер наград в Профиле, в Топике-->

Теги: Скрипты и дополнения, Меню

+1

2

Герда написал(а):

"pa-fld1",       //Доп.Поле.1

Добрый день\вечер\ночь, а что нужно вписать сюда, чтоб награды тоже ушли под спойлер??)))

0

3

bang min soo
Есть уже более продвинутый Вариант, в частности с учетом специфики наград-подарков от Rusff
http://forum.mybb.ru/viewtopic.php

Отредактировано Deff (21.04.2013 14:05:37)

0

4

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

Есть уже более продвинутый Вариант, в частности с учетом специфики наград-подарков от Rusff
http://forum.mybb.ru/viewtopic.php

Спасибо огромное )))

0

5

Здравствуйте. Я использовала продвинутый метод. Нужно чтобы значки стояли горизонтально. Как это сделать?
http://sf.uploads.ru/t/0KAeC.png

0

6

Акта
Если Вы использовали этот скрипт Сворачивание информации под N-кнопок в профиле топика
то изменяйте значения в строке

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

0


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


Рейтинг форумов | Создать форум бесплатно