Прячем текст под кат
Участников: 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>
Сохнаните страничку.
Ссылку на страничку размещайте где вам удобно, будь то панель навигации, виджет и т.д.
ДЕМО
А ЗДЕСЬ уже реализованный туториал одним из пользователей сервиса.))
Последний раз редактировалось: Домовой (Чт 23 Янв - 13:07), всего редактировалось 1 раз(а)
Re: Прячем текст под кат
А где написано что только на HTML странице?likoraisss пишет:А почему это можно сделать только на HTML странице?
Пожалуйста, ставите скрипт в шаблон overall_footer а блоки размещайте в сообщение.
Я же просто пример привёл.
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|