Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» [решено]Редактирвоание темыавтор AlexDarkTech Октябрь 13th 2024, 08:14
» совет админам
автор лексей2222 Октябрь 12th 2024, 08:31
» Проблема с гугл из-за Hitskin
автор лексей2222 Октябрь 11th 2024, 11:30
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
Прячем текст под кат
Участников: 2
Страница 1 из 1
Прячем текст под кат
Не раз встречал вопрос как спрятать текст под кат.
Другими словами как сделать к примеру страницу "Вопрос - Ответ"?
Для этого создаём HTML страничку:
ПА - Модули - HTML - Управление страницами HTML
При создании задаём параметры:
Название: (Вписываете название странички)
Вы хотите использовать верх и низ вашего форума?: Да
Использовать эту страницу в качестве Главной?: (Выбираете что вам надо)
Над окном Код HTML должен быть такой значок
В окно Код HTML вставляем следующее:
border:1px dotted #cccccc; - толщина, стиль и цвет рамки поля подсказки
font-size:12px; - размер шрифта подсказки
background-color: #E5F5FF; - фон поля подсказки
font-weight: bold; - жирность вопроса
font-size:12px; - размер шрифта вопроса
Эти настройки можно вставить не в это окно а в Каскадную таблицу CSS, предварительно удалив теги <style></style>
А это сами ссылки и контейнеры где будут размещены вопросы и ответы
Сохнаните страничку.
Ссылку на страничку размещайте где вам удобно, будь то панель навигации, виджет и т.д.
ДЕМО
А ЗДЕСЬ уже реализованный туториал одним из пользователей сервиса.))
Другими словами как сделать к примеру страницу "Вопрос - Ответ"?
Для этого создаём 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>
Сохнаните страничку.
Ссылку на страничку размещайте где вам удобно, будь то панель навигации, виджет и т.д.
ДЕМО
А ЗДЕСЬ уже реализованный туториал одним из пользователей сервиса.))
Последний раз редактировалось: Домовой (Январь 23rd 2014, 13:07), всего редактировалось 1 раз(а)
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Re: Прячем текст под кат
А где написано что только на HTML странице?likoraisss пишет:А почему это можно сделать только на HTML странице?
Пожалуйста, ставите скрипт в шаблон overall_footer а блоки размещайте в сообщение.
Я же просто пример привёл.
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Прячем текст под кат
» [решено]Прячем текст под кат для Invision
» Не работает "прячем текст под кат" (HTML страница в меню)
» Как заменить текст в шапке шаблона на свой текст
» Хайд Текст (скрытый текст по группам)
» [решено]Прячем текст под кат для Invision
» Не работает "прячем текст под кат" (HTML страница в меню)
» Как заменить текст в шапке шаблона на свой текст
» Хайд Текст (скрытый текст по группам)
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения