Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Дублируется ссылка на форум в боковом менюавтор Чистый сталкер Сегодня в 19:52
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор AlexNeimor Вчера в 23:23
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 25th 2024, 10:14
» ВПН
автор Danny_Marcelo Ноябрь 24th 2024, 07:47
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
Сворачивающиеся и разворачивающиеся категории для всех версий форумов
+13
Снежок
Lіluna
Dana Domirani
apasij
Mountain
Pure
GreatFox
Златошвейка
Joy
Драйкон
Krest
Изобретатель
Luz
Участников: 17
Страница 2 из 2
Страница 2 из 2 • 1, 2
Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Первое сообщение в теме :
Что такое "сворачивающая категория" ?
Администраторы, выбравшие для своих форумов версию Invision, хорошо знакомы с этой функцией : при желании пользователь может "свернуть" любую категорию в оглавлении форума, щелкнув по иконке со знаком "минус" . Щелкнув по иконке "плюс" можно затем снова развернуть свернутую ранее категорию:
Эти установки "запоминаются" браузером и не теряются при навигации по форуму.
В этом туториале мы расскажем вам, как предоставить такую возможность пользователям форумов всех других версий наших форумов - phpbb2, phpbb3 и punbb. Только для того, чтобы свернуть категорию, надо будет нажимать не на соответствующую иконку, а на полосу с названием категории.
Как реализовать это на моем форуме?
Для того, чтобы реализовать эту функцию на вашем форуме, выберите инструкцию, соответствующую версии вашего форума. ( о том, как узнать, какая у вас версия - читайте здесь).
Для версий phpbb2 и punbb вам надо будет внести небольшие изменения в шаблон index_box.
Для версии phpbb3, в которой нет доступа к редактированию шаблонов, надо будет вставить нужный код в описание одного из форумов последней категории.
Вы можете посмотреть, как будет работать данная функция в демонстрационной версии на этом форуме
Phpbb2 движок
ПА - Оформление - Шаблоны - Общие
шаблон index_box
Найдите следующий код:
И замените его следующим кодом:
Затем найдите код:
и замените его следующим кодом:
Нажмите на "Сохранить" и опубликуйте шаблон, щелкнув по иконке .
Punbb
ПА - Оформление - Шаблоны - Общие
шаблон index_box
Найдите код:
и замените его следующим кодом:
Нажмите на "Сохранить" и опубликуйте шаблон, щелкнув по иконке
Phpbb3
ПА - Общие настройки - Категории и форумы
Выберите любой из форумов самой последней категории , нажмите на иконку ("редактировать") и вставьте в Описание форума следующий код:
Обратите внимание на следующие важные моменты:
в поле Описание форума вы должны видеть иконку (то есть вы не должны быть в режиме визуального редактора HTML) В противном случае нажмите на иконку , чтобы перейти в нужный режим.
выбранный вами форум и последняя категория должны быть видимы для всех пользователей, которые будут пользоваться сворачиванием категорий!
Имитация кнопки сворачивания
Для того, чтобы пользователям было проще обратить внимание на функцию сворачивания/разворачивания категории, в ее шапку можно добавить изображение кнопки , такой, как у форумов IPB. Но, само собой, эта кнопка не будет меняться в зависимости от свернутого или развернутого состояния категории.
При желании можно поменять изображение, которое стоит в коде по умолчанию (https://illiweb.com/fa/tabs_more.gif) на любое другое, подходящее по стилю к форуму.
Для BB2
1. Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS следующий код:
2. ПА - Оформление - Шаблоны - Общие
В шаблоне index_box (Главная страница - показ категорий) нужно назначить строке "Последние сообщения" стиль "lastpost", для чего найти фрагмент:
Для BB3
Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS следующий код:
Для Pun
Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS следующий код:
Внимание : Приведенные ниже коды будут функционировать исключительно при активированном 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>
Нажмите на "Сохранить" и опубликуйте шаблон, щелкнув по иконке .
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>
Нажмите на "Сохранить" и опубликуйте шаблон, щелкнув по иконке
Phpbb3
ПА - Общие настройки - Категории и форумы
Выберите любой из форумов самой последней категории , нажмите на иконку ("редактировать") и вставьте в Описание форума следующий код:
- Код:
<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>
Обратите внимание на следующие важные моменты:
в поле Описание форума вы должны видеть иконку (то есть вы не должны быть в режиме визуального редактора HTML) В противном случае нажмите на иконку , чтобы перейти в нужный режим.
выбранный вами форум и последняя категория должны быть видимы для всех пользователей, которые будут пользоваться сворачиванием категорий!
автор оригинальной версии туториала - Etana, модератор форума forum.forumactif.com
Имитация кнопки сворачивания
Для того, чтобы пользователям было проще обратить внимание на функцию сворачивания/разворачивания категории, в ее шапку можно добавить изображение кнопки , такой, как у форумов IPB. Но, само собой, эта кнопка не будет меняться в зависимости от свернутого или развернутого состояния категории.
При желании можно поменять изображение, которое стоит в коде по умолчанию (https://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 (Июль 8th 2010, 12:55), всего редактировалось 1 раз(а)
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Ошибка однозначно не здесь, а у Вас. Я сама на нескольких форумах устанавливала и этот код, и этот стиль - все работает.Значит это здесь в коде ошибка? И что, здесь во всех кодах к СSS ошибки?
Способ есть:Ну, если б я могла такие ошибки искать и исправлять
1. Копируете всю персональную CSS, сохраняете ее в блокноте, а с форума - удаляете.
2. Начинаете по фрагменту возвращать персональную CSS на форум.
Фрагмент должен представлять из себя
- Код:
.название класса и открывающая скобка
свойства
закрывающая скобка
- Код:
.logo {
width: 100%;
}
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
var inn = '['+'b]'; var outt = '['+'/b], '; var inn1 = '[quote="'; var inn2 = '"]'; var outt1 = '['+'/quote]'; var txt = '';sch = document.getElementsByTagName("img"); ix = 0;namesch = document.getElementsByTagName("div"); ixis = 0;while(sch[ix]){if (sch[ix].className == "i_icon_quote"){sch[ix].parentNode.href="#bottom";sch[ix].parentNode.onclick = function() {if (document.getSelection) {txt=document.getSelection();}else if (document.selection) {txt=document.selection.createRange().text;}rtx = this.parentNode.parentNode.parentNode.parentNode.getElementsByTagName("div"); ixi = 0;while(rtx[ixi]){if (rtx[ixi].className == "postprofile"){conts = rtx[ixi].getElementsByTagName("a")[1].innerHTML.substring(0,1);if (conts != "
#usn {display: none;}
Вот, получается 8 открывающих скобок, красные и 3 закрывающих, синие. 11 всего, нечётное. Ошибка здесь. Помогите исправить - куда втавить ещё одну скобку и какую? Я даже не помню для чего этот код
#usn {display: none;}
Вот, получается 8 открывающих скобок, красные и 3 закрывающих, синие. 11 всего, нечётное. Ошибка здесь. Помогите исправить - куда втавить ещё одну скобку и какую? Я даже не помню для чего этот код
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
А тег кода, уже отменили?
- Код:
[code]Пишем сюда код, и вставляем на форум в сообщение[/code]
Pure-
-
Сообщения : 2085
Возраст : 104
Регистрация : 2008-10-21
Благодарности : 228
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Этоне в сообщении, а в СSS. Вроде нигде в образцах для CSS нет тега кода.
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Я говорю, когда вставлете коды сюда, в эту тему.
Пишите их в теге Код.
Пишите их в теге Код.
Pure-
-
Сообщения : 2085
Возраст : 104
Регистрация : 2008-10-21
Благодарности : 228
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Это код быстрой цитаты. Смотрите тут образец:Ошибка здесь. Помогите исправить - куда втавить ещё одну скобку и какую? Я даже не помню для чего этот код
https://help.forum2x2.ru/forum-f13/tema-t5805.htm
- to Pure:
- Pure, если написать в тегах кода, невозможно будет подчеркнуть цветом открывающиеся/закрывающиеся скобки
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Нет, в теме по ссылке другой код, этот скрипт у меня установлен в виджете и исправно работает. Значит это что-то другое.
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Исходя из Вашего сообщения - проблема не в скриптах, а именно в CSS.apasij пишет:Нет, я не вставляла своё изображение, скопировала полностью код отсюда. ТОлько вот, когда вставила его в СSS то внизу есть 2 кнопки : ОК и Сохранить. Я сначала нажала ОК, выдало: не хватает скобок, ошибка. ПОтом я нажала Сохранить сохранилось. Каких там скобок не хватает, я не знаю. У меня с CSS всегда такие проблемы были - не хотел коды принимать, всегда скобок ему не хватает)))))
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
- TO Dana:
- Буду знать теперь.
Pure-
-
Сообщения : 2085
Возраст : 104
Регистрация : 2008-10-21
Благодарности : 228
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
У меня работает не совсем правильно,тоесть сворачиваются не отдельные категории,а все сразу.Код не изменяла,скопировала отсюда.
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Пожалуйста, если помогло, и отлично, если сами справились.
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Если есть знающие люди - подскажите пожалуйста что сделать для того, чтобы эти категории были свернутые по умолчанию. Для всех вновь пришедших. IPB 3.0.3
Спасибо.
С ув. Сергей
Спасибо.
С ув. Сергей
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
у меня что-то проблемы с установкой данного скрипта,просто не отображает,что делать?
kpripper-
-
Сообщения : 437
Возраст : 41
Регистрация : 2009-08-06
Благодарности : 5
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Ня) хороший скрипт ! ничего не поняла сначала, где мол кнопочка, она оказывается невидимая. Надо сделать имитацию еще, только вот как бы она изменялась.... сделала анимацию, вставила скрипт в css. Вроде работает)
На ИПБ это встроено, да?
На ИПБ это встроено, да?
Последний раз редактировалось: Fairy101 (Апрель 8th 2011, 08:55), всего редактировалось 1 раз(а) (Обоснование : не хочу создавать новое сообщение)
Fairy101-
-
Сообщения : 84
Возраст : 24
Регистрация : 2011-04-06
Благодарности : 7
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Так точно.На ИПБ это встроено, да?
Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Re: Сворачивающиеся и разворачивающиеся категории для всех версий форумов
Dana, теперь я до конца в этом уверенна. Но только та каринка - анимация немного съехала)) Она хоть меняется, но не тогда, когда надо))
Fairy101-
-
Сообщения : 84
Возраст : 24
Регистрация : 2011-04-06
Благодарности : 7
Страница 2 из 2 • 1, 2
Похожие темы
» Сворачивающиеся и разворачивающиеся категории
» Сворачивающиеся/разворачивающиеся навигация
» Сворачивающиеся и разворачивающиеся виджеты форума
» Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума
» Сворачивающиеся и разворачивающиеся виджеты форума
» Сворачивающиеся/разворачивающиеся навигация
» Сворачивающиеся и разворачивающиеся виджеты форума
» Новый скрипт : Сворачивающиеся и разворачивающиеся виджеты форума
» Сворачивающиеся и разворачивающиеся виджеты форума
Страница 2 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения