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

Объявление

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

О форуме

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

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

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


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


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

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

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.ru/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='Показать|скрыть награды'>";


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

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

+1

2

Поставила себе скрипт, обнаружила одну тонкость.

Если вставлять не картинку, а прятать награды под ссылку-текст, то надо поменять $("#awrdbut img") на $("#awrdbut font"), а выше прописать вместо var awards_button = "<img src='http://i.rusff.ru/f/ru/rusff/111favorites.png' title='Показать|скрыть награды'>"; вот это: var awards_button = "<font color='#ffffff'>Награды</font>";
Плюс если убрать из .find(".mini_awards_label, .mini_awards").toggle("slow");}); вот это .mini_awards_label, то бишь оставить .find(".mini_awards").toggle("slow");}); то в контейнере будут красиво показываться только миниатюрки наград, потому что иначе ссылка на страницу с наградами будет дублировать надпись-ссылку, которая открывает и закрывает спойлер.

Возник вопрос. А как можно сдвинуть влево выпадающий список и уменьшить шрифт сортировки наград. Не подскажете ли?

Картинка

http://s8.uploads.ru/H96wo.jpg

0

3

Фелис написал(а):

Если вставлять не картинку, а прятать награды под ссылку-текст, то надо поменять $("#awrdbut img") на $("#awrdbut font"), а выше прописать вместо var awards_button = "<img src='http://i.rusff.ru/f/ru/rusff/111favorites.png' title='Показать|скрыть награды'>"; вот это: var awards_button = "<font color='#ffffff'>Награды</font>";

Сделайте так

$("#awrdbut > *")


и все, чтобы Вы не написали в var awards_button будет работать.

По поводу остального нужна ссылка

0

4

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

и все, чтобы Вы не написали в var awards_button будет работать.

Нет. ) Спойлер открывается и тут же закрывается. Вернула font вместо * - работает как надо.

0

5

Фелис написал(а):

Спойлер открывается и тут же закрывается.

Исключительно от того, что Вы не смогли корректно заменить )
http://sadhaka.rusff.ru/viewtopic.php?id=21#p177

0

6

sadhaka
Ну, работает и так ведь. )
А по второму вопросу можно что-нибудь сделать? Некрасиво смотрится.

0

7

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

По поводу остального нужна ссылка

еще раз повторяю

0

8

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

sadhaka написал(а):
    По поводу остального нужна ссылка
еще раз повторяю

Ой. извиняюсь. Эта?

0

9

Фелис
#pun-mod h2 {
    font-size: 11px;
    margin-bottom: 10px;
    margin-right: 30%;
}
первая строка шрифт
вторая строка отступ вниз
третья строка отступ справа

Добавлено спустя 8 минут 41 секунду:
только мне кажется, что селектор этот на что-то еще влияет, вы понаблюдайте, может быть где-то выпадающий список еще изменится, если да и вам не понравится, пишите)

Отредактировано Ichimaru Gin (09.03.2014 18:15:51)

0

10

Доброго времени суток, подскажите пожалуйста, ставили новый дизайн, использовали тот же скрипт, что и стоял:

Код:
<!-- Спойлер наград в профиле-->
<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut * {cursor: pointer; }</style>
  <script>
(function () {
      var awards_button = "<img src='http://s006.radikal.ru/i213/1403/26/11a22f6637e2.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>
<!-- Конец скрипта -->

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

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

0

11

shihoin
у вас там много всего...
если еще не пробовали, попробуйте
1. переставить скрипт в самый верх хтмл-низа.
если не поможет, то
2. временно уберите все скрипты, оставьте только этот спойлер. Если заработает, то добавляйте скрипты по одному, когда найдете тот, с которым они конфликтуют, выложите здесь оба, кто-нибудь поправит.
Если не заработает, когда будет стоять один, то подождите техников.

Как вариант, можно воспользоваться другим скриптом спойлера Сворачивание информации под N-кнопок в профиле топика

0

12

Ichimaru Gin
Да, так и оказалось, конфликтовал со скриптом, который центрировал профиль. Сейчас правда почему-то наградки совсем у нас пропали, ну бывает такое временами.

Нашла вот такой скрипт:

Код:
<style type="text/css">
.post-author li {text-align:center}
</style>

Но, кнопочка оффлайн в скрипте не центрируется:

<!-- Замена надписей Активны/ Неактивны на изображения-->
<br><script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].getElementsByClassName('pa-online')[0].innerHTML = "<img src='http://i024.radikal.ru/1403/93/5e0cecca5ccc.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)){
we[x].innerHTML=we[x].innerHTML+"<img src='http://s020.radikal.ru/i714/1403/e6/9ef4243cd1c3.png' />"}}
</script><!-- Конец скрипта -->


Помогите пожалуйста, как решить эту проблему?

Отредактировано shihoin (23.03.2014 12:50:59)

0

13

shihoin
Добавьте в стиль:

Код:
.punbb .post .post-author {
  text-align: center;
}

а тот, что нашли можно убрать)

+1

14

Ichimaru Gin
Все работает!!! Спасибо вам большое!  :flag:

0

15

Здравствуйте. Прикрутила награды и скрыла их под спойлер. Все работает, но под аватаром перестало отображаться доп. поле со ссылкой на анкету. Что его скрывает?
Форум http://almarein.spybb.ru

Отредактировано Эледвен (02.05.2014 15:48:03)

0

16

Эледвен

<a href=http://almarein.spybb.ru/viewtopic.php?id=338 > Антоэль

Не закрыт тег.

<a href=http://almarein.spybb.ru/viewtopic.php?id=338 > Антоэль </a>

+1

17

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

0

18

Закрыла у всех тег, но ссылка так и не появилась ((
Форум http://almarein.spybb.ru

Отредактировано Эледвен (05.05.2014 11:38:56)

0

19

:flag:

0

20

Эледвен
Дождитесь sadhaka, проблема, скорее всего, в яваскрипте

0


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


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