Описание материала:
В данном материале мы будем изменять вид подфорума, на вашем форуме в системе uCoz. Мы будем использовать JS и CSS. После изменения, ваш вид станет красивее, удобнее. Такой подфорум используется на CMS DLE и вот мы решили сделать его под uCoz. Надеемся что многим пригодится, установка вида очень проста и не потребует огромных знаний.
Установка:
1. Скачиваем архив с нашего сайта, загружаем папку pf_ie в корень своего сайта
2. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим код:
Код
/* Изменяем вид Подфорума для uCoz */
.subforumDescr {color: #393939;margin-top: 5px;margin-bottom: 5px;font-size: 14px;}
.subforumDescr a {color: #393939; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;margin-right: -5px;}
.subforumDescr a:hover {color: #D49624; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;margin-right: -5px;text-decoration: none;}
.subforumDescr a:nth-child(1), .subforumDescr a:nth-child(2), .subforumDescr a:nth-child(3), .subforumDescr a:nth-child(4) {display: inline-block; width: 250px;}
.subforumDescr a:nth-child(1):before, .subforumDescr a:nth-child(2):before, .subforumDescr a:nth-child(3):before, .subforumDescr a:nth-child(4):before, .subforumDescr a:nth-child(5):before, .subforumDescr a:nth-child(6):before, .subforumDescr a:nth-child(7):before, .subforumDescr a:nth-child(8):before {content: url(/pf_ie/poforum.png);margin-right:5px;font-size: 12px;color: #E8BE71;}
.subforumDescr a:nth-child(5), .subforumDescr a:nth-child(6), .subforumDescr a:nth-child(7), .subforumDescr a:nth-child(8) {display: inline-block; width: 250px;vertical-align: top;}
/* InternetEmpire.Ru */
3. Заходим в ПУ - Управление дизайном - модуль Форум - Вид категории/раздела, находим код:
Код
<?if($SUBFORUMS$)?><div class="subforumDescr">Подфорумы: $SUBFORUMS$</div><?endif?>
И заменяем его на данный код:
Код
<?if($SUBFORUMS$)?><div class="subforumDescr">$SUBFORUMS$</div><?endif?>
4. Там же ПУ - Управление дизайном - модуль Форум - Вид категории/раздела, в самый низ ставим код скрипта:
Код
<script type="text/javascript" src="/pf_ie/poforum.js"></script>
К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!