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

Объявление

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

О форуме

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

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

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


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


Спойлер наград в профиле

Сообщений 21 страница 40 из 99

1

в хтмл-низ

<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut * {cursor: pointer; }</style>
  <script>
(function () {
      var awards_button = "<img src='http://i.rusff.me/f/ru/rusff/111favorites.png' title='Показать|скрыть награды'>";

      function awards_spoiler() {
          $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
          $("#awrdbut > *").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");});
      }
      var t=0;  var time_func = setInterval(function(){ t++;
          if (t>100) { clearInterval(time_func); return; }
          if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
      },100);
}())
  </script>

жирным - это Ваша кнопка-спойлер. Это может быть картинка, как в примере выше. Можете быть текст:

var awards_button = "Показать|скрыть награды";

кнопка

var awards_button = "<input type='button' value='Показать|скрыть награды'>";

или что-то еще, что Вашей душе угодно, кроме двойных кавычек.

Теги: Награды, спойлер, профиль, сворачивание, скрипт

+2

21

Эледвен
У Вас стоит скрипт не из этой темы.
А награды каким скриптом ставили? Или через lab?

0

22

sadhaka
Награды ставила через прописывание в доп. поле скриптом

Код:
<!-- Награды v3.1 by kozhilya -->
<div class="AwardAllWindow" style="display: none"><div class="AwardWindow"><div id="closeBtn"></div>
<h3>Награды</h3><div id="AwardContent"></div></div></div>
<script>
function GetOuterHTML(el)
{ var Result = '<' + el.localName; for (var i=0; i<el.attributes.length; i++) Result += ' ' + el.attributes[i].nodeName + '="' + el.attributes[i].nodeValue + '"'; Result += '>' + el.innerHTML + '</' + el.localName + '>'; return Result; } 
function OpenAwards(t) { $('div.AwardAllWindow').fadeIn(1000); $('div.AwardWindow div#AwardContent').html($(t).parent().parent().find('div').html()); $('div.AwardWindow h3').html('Награды пользователя <span>'+ $(t).parent().parent().parent().parent().find('li.pa-author a').text()+'</span>'); }
$('div.AwardWindow #closeBtn').click(function() { $('div.AwardAllWindow').fadeOut(1000); });
$('.post li.pa-fld3').each(function() { 
Result = '<table>'; 
$(this).find('img').each(function() { var alt = $(this).attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); Result += '<tr><td id="title"><strong>'+name+'</strong></td><td id="img">'+GetOuterHTML(this)+'</td><td id="desc">'+desc+'</td></tr>'; }); Result += '</table>'; $(this).html('<span><a href="#" onclick="OpenAwards(this); return false;"></a></span><div style="display: none">'+Result+'</div>'); });
$('#pun-profile fieldset').each(function() { if ($(this).find('legend span').text() == 'Награды') { var h = '<table style="display: inline;">'; $(this).find('p.checkfield').each(function() { var alt = $(this).find('img').attr('alt'); var name = alt.substring(0, alt.indexOf('|')); var desc = alt.substring(alt.indexOf('|')+1); h += '<tr><td><p class="checkfield">' + $(this).html() + '</p></td><td>Награда: <strong>'+name+'</strong><br>Описание: <strong>'+desc+'</strong></td></tr>' }); $(this).find('div.fs-box').html(h); $(this).find('div.fs-box').css({'display':'none'}); $(this).find('legend').after('<span onclick="$(this).parent().find(\'div.fs-box\').toggle(1000);">Выдать награду</span>'); }});
</script>

Те. награды прописывала в доп. поле и ставила еще верхний скрипт в настройки и вот этот скрипт в стиль

Код:
/* НАГРАДЫ */
div.AwardAllWindow {
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
  position: fixed; top: 0px; left: 0px;
}
div.AwardWindow {
  z-index: 9999; position: fixed;
  top: 10% !important; left: 50% !important;
  width: 700px; padding: 10px; 
  background: #331400;
  margin-left: -350px !important; 
  vertical-align: middle; 
  border: 1px solid #E3BB55;
  border-radius: 5px; 
  color: #E3BB55;
}
div.AwardWindow div#closeBtn { 
  cursor: pointer; 
  background: url(http://uploads.ru/i/P/A/l/PAlLS.png) no-repeat center;
  width: 16px; height: 16px;
  position: relative;
  top: -5px; left: 690px;
}
div.AwardWindow h3 { 
  font-variant: small-caps;
  font-weight: bold;
  font-size: 15px;
  margin-top: -20px; 
}
div.AwardWindow div#AwardContent { 
  width: auto; height: auto; 
  min-height: 100px;
  max-height: 300px !important; 
  overflow-y:auto;
}
div.AwardWindow div#AwardContent td#title { 
  font-variant: small-caps;
  font-weight: bold; 
  font-size: 15px;
  width: 200px;
  text-align: center;
}
div.AwardWindow div#AwardContent td#desc { 
  font-size: 10px;  
}
#pun-profile fieldset > span {
  cursor: pointer;
  padding: 5px;
  border: 1px solid black;
  position: relative;
  top: -30px;
  margin-bottom: 10px;
  left: 150px;
  background-color: white;
}

Отредактировано Эледвен (05.05.2014 21:10:28)

0

23

Эледвен
попробуйте просто поменять проблемные поля местами через Администрирование - Поля профиля

0

24

sadhaka
Неа, не получилось. Сейчас поля стоят в другом порядке, но ссылка на анкету не отображается. И еще: поле с наградами стоит в списке полей последним, но влезло в середину. Как его передвинуть в самый низ?

0

25

Эледвен
откуда тут 3ье и 4ое поле

<!-- 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(
// 3 кнопка- ссылка на Картинку
"http://s9.uploads.ru/fXNmi.png[Награды]",
"pa-fld3",       //Доп.Поле.3
"pa-fld4",       //Доп.Поле.4
//Конец Списка,
"_End"); SetProvilSpoil(a1,a2,a3);
</script>
<!--Конец//=Cпойлер cкрытия Инфы под N-кнопок в Профиле Топик-->

4ого поля профиля у Вас вообще нет, а 3ье - та самая ссылка, которая не отображается

0

26

sadhaka
Просто у меня почему-то не отработал кусок, который выводит номер доп. поля с наградами, ничего не вывел, и я сама так их посчитала.  :blush: А поле №4 оставила на будущее под подарки. Сейчас поменяю все. А у наград тогда номер 2?

0

27

Эледвен
Нет, 1ое - раса, 2ое - возраст, 3ье - анкета.
Есть у кого поле с наградами заполнено? Дайте ссылку на пост или профиль

0

28

sadhaka
вот

0

29

Тогда оно должно быть четвёртым  %-)

0

30

Эледвен
уберите пока спойлер совсем

0

31

sadhaka
убрала

0

32

Эледвен
ок, теперь пропишите в скрипте спойлера только 4ое поле и поставьте его ПОСЛЕ скрипта наград.

0

33

sadhaka
Сделала, теперь все поля отображаются, и все на своих местах, но под спойлером все разъехалось, название награды вылезло не хинтом, а  прямо поверх картинки

Отредактировано Эледвен (05.05.2014 21:58:28)

0

34

То есть и хинтом, и поверх картинки тоже

0

35

Эледвен
фуф

У вас часть скриптов почему-то завернута в бегущую строку - было бы неплохо оставить там только баннеры. Перенесите эти два скрипта в самое начало хтмл-низ

+1

36

Эледвен
и уберите пока вот эту ерунду

<!-- выделение названий полей под аватаром -->
<script type="text/javascript">
Pstavtr=new Array(
"pa-reg",        //Зарегистрирован
"pa-posts",      //Кол-во сообщений:
"pa-respect",   //Уважение:
"pa-age",        //Возраст
"pa-fld1",       //Доп.Поле.1
"pa-fld2",       //Доп.Поле.2
"pa-fld3",       //Доп.Поле.3
"pa-fld4",       //Доп.Поле.4
"pa-ip",         //IP Юзера
"pa-last-visit", //Последний визит:
"End ul"
)
   $(".post .post-author").each(function () {
   $("div.pst.pst-author").html("")
   for(var i=0;i<Pstavtr.length-1;i++){
  var z=$(this).find("li."+Pstavtr[i]);
if(z.length){z.html(z.html().replace(/^((?:.(?!\:(?!\/\/)))*.:)/im,'<b>$1</b>'));};}
  });
</script>

И еще комментарии в хтмл пишут так

<!-- Временно! Запрет всем кроме админов смотреть активных -->

а не так

<! Временно! Запрет всем кроме админов смотреть активных >

Эти черточки тут не для красоты

0

37

sadhaka
Все сделала и поправила комментарии

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

У вас часть скриптов почему-то завернута в бегущую строку

А что именно говорит о том, что оно там?

0

38

Эледвен
не вижу ни одного изменения

Эледвен написал(а):

А что именно говорит о том, что оно там?

полагаю, вот этот кусок в исходном коде

<p align="center"></p><marquee scrollamount="3" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=3" width="100%" height="100%">

0

39

sadhaka
%-)

Сохранила всё ещё раз. Скрипты точно в самом начале, оба

0

40

Эледвен
У Вас есть такой пользователь  с ником

Викстра Та'Шен

Так вот кавычка в нике мешает работе скриптов

0


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


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