Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Страница 2 из 2 Предыдущий  1, 2

Предыдущая тема Следующая тема Перейти вниз

Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Luz в Вт 6 Июл - 17:47

Первое сообщение в теме :

Внимание :
Приведенные ниже коды будут функционировать исключительно при активированном javascript и активированных cookies (последнее нужно для того, чтобы браузер пользователя запоминал раскладку закрытых и открытых категорий).

Что такое "сворачивающая категория" ?

Администраторы, выбравшие для своих форумов версию Invision, хорошо знакомы с этой функцией : при желании пользователь может "свернуть" любую категорию в оглавлении форума, щелкнув по иконке со знаком "минус" . Щелкнув по иконке "плюс" можно затем снова развернуть свернутую ранее категорию:



Эти установки "запоминаются" браузером и не теряются при навигации по форуму.

В этом туториале мы расскажем вам, как предоставить такую возможность пользователям форумов всех других версий наших форумов - phpbb2, phpbb3 и punbb. Только для того, чтобы свернуть категорию, надо будет нажимать не на соответствующую иконку, а на полосу с названием категории.

Как реализовать это на моем форуме?

Для того, чтобы реализовать эту функцию на вашем форуме, выберите инструкцию, соответствующую версии вашего форума. ( о том, как узнать, какая у вас версия - читайте здесь).
Для версий phpbb2 и punbb вам надо будет внести небольшие изменения в шаблон index_box.
Для версии phpbb3, в которой нет доступа к редактированию шаблонов, надо будет вставить нужный код в описание одного из форумов последней категории.

Вы можете посмотреть, как будет работать данная функция в демонстрационной версии на этом форуме

Phpbb2 движок

ПА - Оформление - Шаблоны - Общие
шаблон index_box

Найдите следующий код:
Код:

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr>

И замените его следующим кодом:
Код:

<script type="text/javascript">var num= 0;</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr id="currenttr" onClick="i= 0; e=this.parentNode.childNodes; while(++i<e.length) if(e[i].tagName=='TR') e[i].style.display=(e[i].style.display=='none')?'':'none'; retour=(my_getcookie(this.id)=='true')?'false':'true'; my_setcookie(this.id,retour, 1, 0);"  style="cursor:pointer;">

Затем найдите код:

Код:
<!-- BEGIN tablefoot --></table>

и замените его следующим кодом:
Код:

<!-- BEGIN tablefoot -->
</table><script type="text/javascript"> document.getElementById('currenttr').id='trfrm'+num; if(my_getcookie('trfrm'+num)=='true') { i= 0; e=document.getElementById('trfrm'+num).parentNode.childNodes; while(++i<e.length) if(e[i].tagName=='TR')e[i].style.display='none'; } num++;</script>

Нажмите на "Сохранить" и опубликуйте шаблон, щелкнув по иконке plus .

Punbb

ПА - Оформление - Шаблоны - Общие
шаблон index_box

Найдите код:
Код:

<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">

и замените его следующим кодом:
Код:

<div class="main"><script type="text/javascript">var num= 0; var curc;</script>
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head" onClick=" if(this.nextSibling.style.display=='none') {my_setcookie(this.firstChild.id,'0',0,0); this.nextSibling.style.display='block';} else {my_setcookie(this.firstChild.id,'1',1,0); this.nextSibling.style.display='none'; }"  style="cursor:pointer;">
        <div class="page-title" id="cret">{catrow.tablehead.L_FORUM}</div><script type="text/javascript">curc= document.getElementById('cret'); curc.id+=(++num)+'_'+escape(curc.innerHTML);</script>
      </div>
      <div class="main-content">
        <script type="text/javascript">if(my_getcookie(curc.id)=='1') curc.parentNode.nextSibling.style.display='none';</script>

Нажмите на "Сохранить" и опубликуйте шаблон, щелкнув по иконке plus

Phpbb3

ПА - Общие настройки - Категории и форумы


Выберите любой из форумов самой последней категории , нажмите на иконку modif ("редактировать") и вставьте в Описание форума следующий код:
Код:

<script type="text/javascript">var pvf= document.getElementById('main-content').firstChild; while(pvf.className!='forabg' && pvf.className!='h3' && (pvf=pvf.nextSibling) ); var i= 1; while(pvf && pvf.className=='forabg') { vf=pvf.firstChild.firstChild.nextSibling; vf.firstChild.style.cursor='pointer'; vf.firstChild.id='catret'+(i++); vf.firstChild.onclick=function() { if(parseInt(my_getcookie(this.id))==1) { my_setcookie(this.id,'0',0,0); this.parentNode.nextSibling.style.display='block'; } else { my_setcookie(this.id,'1',1,0); this.parentNode.nextSibling.style.display='none'; } }; if(parseInt(my_getcookie(vf.firstChild.id))==1) vf.nextSibling.style.display='none'; pvf= pvf.nextSibling; } </script>

Обратите внимание на следующие важные моменты:


в поле Описание форума вы должны видеть иконку open (то есть вы не должны быть в режиме визуального редактора HTML) В противном случае нажмите на иконку close , чтобы перейти в нужный режим.

выбранный вами форум и последняя категория должны быть видимы для всех пользователей, которые будут пользоваться сворачиванием категорий!
автор оригинальной версии туториала - Etana, модератор форума forum.forumactif.com


Имитация кнопки сворачивания

Для того, чтобы пользователям было проще обратить внимание на функцию сворачивания/разворачивания категории, в ее шапку можно добавить изображение кнопки , такой, как у форумов IPB. Но, само собой, эта кнопка не будет меняться в зависимости от свернутого или развернутого состояния категории.
При желании можно поменять изображение, которое стоит в коде по умолчанию (http://illiweb.com/fa/tabs_more.gif) на любое другое, подходящее по стилю к форуму.

Для BB2

1. Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS следующий код:
Код:
.lastpost {
width: 100%;
padding-right: 40px;
background: transparent url("http://illiweb.com/fa/tabs_more.gif") no-repeat right center;
}
и сохраните изменения.

2. ПА - Оформление - Шаблоны - Общие
В шаблоне index_box (Главная страница - показ категорий) нужно назначить строке "Последние сообщения" стиль "lastpost", для чего найти фрагмент:
Код:
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
и заменить на
Код:
<th nowrap="nowrap" width="150"><div style="width:150px;" class="lastpost">{L_LASTPOST}</div></th>
После этого сохраните изменения и опубликуйте шаблон.
результат:

Для BB3

Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS следующий код:
Код:
.forabg .header dd.lastpost span {
width: 100%;
padding-right: 20px;
background: transparent url("http://illiweb.com/fa/tabs_more.gif") no-repeat right center;
}
и сохраните изменения.
результат:

Для Pun

Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS следующий код:
Код:
.pun .main-head h2 {
width: 100%;
background: transparent url("http://illiweb.com/fa/tabs_more.gif") no-repeat right center;
}
и сохраните изменения.
результат:
автор дополнения - Dana Domirani


Последний раз редактировалось: Luz (Чт 8 Июл - 12:55), всего редактировалось 1 раз(а)

Luz
Администратор
Администратор

Женщина

Сообщения : 16449
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз


Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Dana Domirani в Пт 6 Авг - 20:58

Ошибка здесь. Помогите исправить - куда втавить ещё одну скобку и какую? Я даже не помню для чего этот код
Это код быстрой цитаты. Смотрите тут образец:
http://help.forum2x2.ru/forum-f13/tema-t5805.htm

to Pure:
Pure, если написать в тегах кода, невозможно будет подчеркнуть цветом открывающиеся/закрывающиеся скобки

Dana Domirani
Администратор
Администратор

Сообщения : 22254
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор apasij в Пт 6 Авг - 21:06

Нет, в теме по ссылке другой код, этот скрипт у меня установлен в виджете и исправно работает. Значит это что-то другое.

apasij
 

Женщина

Сообщения : 195
Возраст : 47
Регистрация : 2009-04-03
Благодарности : 0

Без предупреждений

http://www.nik-mama.com.ua

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Dana Domirani в Пт 6 Авг - 21:13

@apasij пишет:Нет, я не вставляла своё изображение, скопировала полностью код отсюда. ТОлько вот, когда вставила его в СSS то внизу есть 2 кнопки : ОК и Сохранить. Я сначала нажала ОК, выдало: не хватает скобок, ошибка. ПОтом я нажала Сохранить сохранилось. Каких там скобок не хватает, я не знаю. У меня с CSS всегда такие проблемы были - не хотел коды принимать, всегда скобок ему не хватает)))))
Исходя из Вашего сообщения - проблема не в скриптах, а именно в CSS.




Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22254
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8943

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Pure в Пт 6 Авг - 21:15

TO Dana:
Буду знать теперь.

Pure
 

Мужчина

Сообщения : 2110
Возраст : 97
Регистрация : 2008-10-21
Благодарности : 228

Без предупреждений

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Снежок в Вс 8 Авг - 15:56

У меня работает не совсем правильно,тоесть сворачиваются не отдельные категории,а все сразу.Код не изменяла,скопировала отсюда.

Снежок
Новичок

Женщина

Сообщения : 8
Возраст : 24
Регистрация : 2010-02-02
Благодарности : 3

Без предупреждений

http://mad-otaku.2x2forum.ru/

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор apasij в Вс 8 Авг - 16:02

Снежок, нужно в структуре и иерархии изменнения сделать. Что у вас там? Нужно выбрать вот э тот уровень сжатия:



И попробуйте ещё варианты, вроде ещё при каком-то уровне работает.

apasij
 

Женщина

Сообщения : 195
Возраст : 47
Регистрация : 2009-04-03
Благодарности : 0

Без предупреждений

http://www.nik-mama.com.ua

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Снежок в Вс 8 Авг - 16:06

Спасибо,все работает smile

Снежок
Новичок

Женщина

Сообщения : 8
Возраст : 24
Регистрация : 2010-02-02
Благодарности : 3

Без предупреждений

http://mad-otaku.2x2forum.ru/

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор apasij в Вс 8 Авг - 16:07

Пожалуйста, если помогло, и отлично, если сами справились.

apasij
 

Женщина

Сообщения : 195
Возраст : 47
Регистрация : 2009-04-03
Благодарности : 0

Без предупреждений

http://www.nik-mama.com.ua

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор transerfing в Чт 26 Авг - 17:10

Если есть знающие люди - подскажите пожалуйста что сделать для того, чтобы эти категории были свернутые по умолчанию. Для всех вновь пришедших. IPB 3.0.3
Спасибо.
С ув. Сергей

transerfing
Новичок

Мужчина

Сообщения : 1
Возраст : 34
Регистрация : 2010-08-26
Благодарности : 0

Без предупреждений

http://www.transerfing.com.ua/

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Кавайное-Неко в Пн 31 Янв - 18:13

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

Кавайное-Неко
 

Мужчина

Сообщения : 30
Возраст : 27
Регистрация : 2010-08-03
Благодарности : 0

Без предупреждений

http://reborn-new-step.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор kpripper в Вт 8 Фев - 14:27

Спасибо !

kpripper
 

Мужчина

Сообщения : 428
Возраст : 33
Регистрация : 2009-08-06
Благодарности : 3

Без предупреждений

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Fairy101 в Пт 8 Апр - 8:25

Ня) хороший скрипт 13 ! ничего не поняла сначала, где мол кнопочка, она оказывается невидимая. Надо сделать имитацию еще, только вот как бы она изменялась.... 39 сделала анимацию, вставила скрипт в css. Вроде работает)
На ИПБ это встроено, да?


Последний раз редактировалось: Fairy101 (Пт 8 Апр - 8:55), всего редактировалось 1 раз(а) (Обоснование : не хочу создавать новое сообщение)

Fairy101
 

Женщина

Сообщения : 84
Возраст : 17
Регистрация : 2011-04-06
Благодарности : 7

Без предупреждений

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Dana Domirani в Пт 8 Апр - 10:27

На ИПБ это встроено, да?
Так точно.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22254
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8943

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов

Сообщение автор Fairy101 в Пт 8 Апр - 11:42

Dana, теперь я до конца в этом уверенна. Но только та каринка - анимация немного съехала)) Она хоть меняется, но не тогда, когда надо))

Fairy101
 

Женщина

Сообщения : 84
Возраст : 17
Регистрация : 2011-04-06
Благодарности : 7

Без предупреждений

Вернуться к началу Перейти вниз

Страница 2 из 2 Предыдущий  1, 2

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения