Главная » Файлы » Скрипты для uCoz » Другие скрипты

Вид материалов FAQ
24.06.14, 08:42:12

Скачать файл






Демо

Сразу хочу предупредить: размер контента 816px так что при установке на сайт с фиксированной шириной придётся пожертвовать блоками. По моему на данной странице они и не нужны.

Установка:

1)Качаем архив:
2)Распаковываем архив и кидаем содержимое архива в корень сайта
3)Этот код ставим в вид материала FAQ (вопрос/ответ)
Код
<table align="center" width="816" border="0" cellpadding="1" cellspacing="0">  
  <tr>  
  <td><div class="numb">$NUMBER$</div><img src="/img/faq/faqv.png" width="816" height="136"></td>  
  </tr>  
  <tr>  
  <td class="faqc"><div class="zagn" ><a name="$ID$" href="javascript://" rel="nofollow" onclick="prompt('Question direct link:','$ENTRY_DIRECT_URL$'); return false;">$TITLE$</a></div><?if($MODER_PANEL$)?><div class="moder">$MODER_PANEL$</div><?endif?>  
  <?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:4px;padding-bottom:4px;">$MESSAGE$</div><?endif?>  
  <div class="textfaq"><?if($ANSWER$)?>$ANSWER$<?else?><i>Еще нет ответа на этот вопрос.</i><?endif?></div>
  </td>  
  </tr>  
  <tr>  
  <td><img src="/img/faq/faqn.png" width="816" height="39">  
<center><div class="inffaq"><?if($RATING$)?><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?><?endif?><?if($NAME$)?>Добавил: $NAME$ <?if($USERNAME$)?>(<a href="$PROFILE_URL$">$USERNAME$</a>)<?endif?><?endif?></div></center></td>  
  </tr>  
  </table>


4)Этот код ставим в css
Код
.faqc{  
background-image: url(/img/faq/faqc.png);
background-repeat:repeat-y;  
width:816px;  

  }  
  .numb{  
  position:relative;  
  top:68px;  
  left:49px;  
  font:bold 25px Verdana,sans-serif;  
  color:#fff;  
  }  
  .moder{  
  padding:0 8px 0 0;  
  position:relative;  
  top:0;  
  left:0;  
  float:right;  
  }  
  .zagn a{  
  font:bold 14px Verdana,sans-serif;  
  color:#c13a37;  
  }  
  .zagn {  
  padding:0 20px;  
  font:bold 14px Verdana,sans-serif;  
  color:#c13a37;  
  }  
  .textfaq{  
  padding:5px 15px;  
  font:bold 12px Verdana,sans-serif;  
  color:#333333;  
  }  
  .inffaq{  
  text-align:center;
  padding:0 15px;  
  position:relative;  
  top:-35px;
  font:bold 10px Verdana,sans-serif;  
  color:#c13a37;  
  }  
  .kat{  
  background:#999;  
  text-align:center;  
  font:bold 14px Verdana,sans-serif;  
  color:#c13a37;
  }

Категория: Другие скрипты | Добавил: Apocalypse | Теги: материалов, faq, вид
Просмотров: 420 | Загрузок: 0 | Рейтинг: 1.0/1
Всего комментариев: 0
Имя *:
Email: