Простой вид материалов FAQ для uCoz
827материалов
228тем на форуме
3003комментария
6152пользователя

Простой вид материалов FAQ для uCoz

Установка тоже не займет у вас много времени. 
Заходим в ПУ и открываем модуль FAQ->Настройки модуля->; 
Поля для добавления материалов: Тема вопроса (ставим две галочки) 
А остальные снимаем. (сохранить не забудьте 
Теперь открываем Таблицу стилей (CSS) 
И ставим в любое место код:
Код
.accordion{  
background-color:none;  
border:none;  
width: 600px; /*-Изменяем под свои размеры-*/  
padding:0px;  
margin: 50px auto;  
}  
.accordion section {  
margin:5px;  
background-color: #fff;  
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));  
background-image: -webkit-linear-gradient(top, #fff, #eee);  
background-image: -moz-linear-gradient(top, #fff, #eee);  
background-image: -ms-linear-gradient(top, #fff, #eee);  
background-image: -o-linear-gradient(top, #fff, #eee);  
background-image: linear-gradient(top, #fff, #eee);  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
border-radius: 5px;   
}  
.accordion h2, .accordion p{margin: 0;}  
.accordion p{padding: 10px;}  
.accordion h2 a {  
display: block;  
position: relative;  
font: 14px/1 'Trebuchet MS', 'Lucida Sans';  
padding: 10px;  
color: #333;  
text-decoration: none;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;  
border-radius: 5px;  
}  
.accordion h2 a:hover {background: #fff;}  
.accordion h2 + div {  
height: 0;  
overflow: hidden;  
-moz-transition: height 0.3s ease-in-out;  
-webkit-transition: height 0.3s ease-in-out;  
-o-transition: height 0.3s ease-in-out;  
transition: height 0.3s ease-in-out;  
}  
.accordion :target h2 a:after {  
content: '';  
position: absolute;  
right: 10px;  
top: 50%;  
margin-top: -3px;  
border-top: 5px solid #666;  
border-left: 5px solid transparent;  
border-right: 5px solid transparent;  
}  
.accordion :target h2 + div {height: 100px;}

Теперь заходим в FAQ->Управление дизайном модуля-> Общий вид страниц FAQ'a 
Находим $BODY$ и обводим его тегом, вот так:
Код
<div class="accordion">$BODY$</div>

Сохраняем и заходим в Вид материалов заменяем все на это:
Код
<section id="$ID$">  
<h2><a href="#$ID$">$TITLE$</a></h2>  
<div><?if($ANSWER$)?><p>$ANSWER$</p><?else?><i>Еще нет ответа на этот вопрос.</i><?endif?></div></section>

Вот и все!

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 24.04.2014 в 14:12
Материал просмотрен: 2387 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 2 комментария

Пожаловаться
Сказать спасибо

2 комментария


Umbrella
Umbrella corporation @Umbrella 24.04.2014 14:311
+2
Супер, я вообще ни где не видела вид материалов FAQ!
Romchik
Роман Домнин @Romchik 24.04.2014 14:372
+2
Мне этот больше нравиться! biggrin
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта