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

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


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

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

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


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

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

Прячем текст под кат

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

Прячем текст под кат

Сообщение автор Домовой в Вт 28 Дек - 13:23

Не раз встречал вопрос как спрятать текст под кат.
Другими словами как сделать к примеру страницу "Вопрос - Ответ"?

Для этого создаём HTML страничку:
ПА - Модули - HTML - Управление страницами HTML
При создании задаём параметры:
Название: (Вписываете название странички)
Вы хотите использовать верх и низ вашего форума?: Да
Использовать эту страницу в качестве Главной?: (Выбираете что вам надо)
Над окном Код HTML должен быть такой значок
В окно Код HTML вставляем следующее:

Код:
<script type="text/javascript">
 jQuery(document).ready(function(){
    jQuery('.catLink').click(function(){
      jQuery(this).parent().children('div.catCont').toggle('normal');
      return false;
    });
  });
</script>
Делаем настройки внешнего вида ссылки и поля подсказки

<style>
.catCont{
display:none;
margin-bottom:3px;
margin-top:3px;
border:1px dotted #cccccc;
padding:3px 5px;
font-size:12px;
background-color: #E5F5FF;
}
.catLink{
font-weight: bold;
font-size:12px;
line-height: 150%;
}
</style>
где:
border:1px dotted #cccccc; - толщина, стиль и цвет рамки поля подсказки
font-size:12px; - размер шрифта подсказки
background-color: #E5F5FF; - фон поля подсказки
font-weight: bold; - жирность вопроса
font-size:12px; - размер шрифта вопроса

Эти настройки можно вставить не в это окно а в Каскадную таблицу CSS, предварительно удалив теги <style></style>

А это сами ссылки и контейнеры где будут размещены вопросы и ответы

Код:
<div><a href="javscript://" class="catLink">Вопрос 1</a>
<div class="catCont">
Подсказка 1
</div></div>
Код:
<div><a href="javscript://" class="catLink">Вопрос 2</a>
<div class="catCont">
Подсказка 2
</div></div>
Код:
<div><a href="javscript://" class="catLink">Вопрос 3</a>
<div class="catCont">
Подсказка 3
</div></div>
Контейнеры размножайте сколько угодно
Сохнаните страничку.
Ссылку на страничку размещайте где вам удобно, будь то панель навигации, виджет и т.д.

ДЕМО
А ЗДЕСЬ уже реализованный туториал одним из пользователей сервиса.))


Последний раз редактировалось: Домовой (Чт 23 Янв - 13:07), всего редактировалось 1 раз(а)

Домовой
 

Мужчина

Сообщения : 6799
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

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

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

Re: Прячем текст под кат

Сообщение автор likoraisss в Ср 29 Дек - 10:15

А почему это можно сделать только на HTML странице?

likoraisss
 

Мужчина

Сообщения : 82
Регистрация : 2010-01-03
Благодарности : 16

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

http://mountblade.privetbb.ru/

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

Re: Прячем текст под кат

Сообщение автор Домовой в Ср 29 Дек - 12:16

@likoraisss пишет:А почему это можно сделать только на HTML странице?
А где написано что только на HTML странице?
Пожалуйста, ставите скрипт в шаблон overall_footer а блоки размещайте в сообщение.
Я же просто пример привёл.

Домовой
 

Мужчина

Сообщения : 6799
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

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

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

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


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