Скачать для фотошопа и создания сайта

Для фотошопа и сайта

Регистрация Вход

Главная сайта

Форум Для фотошопа и сайта

Страница 1 из 1
1

Скачать для фотошопа и сайта » Скачать бесплатно Скрипты для Ucoz » Форум » Изменяем вид Подфорума для uCoz (Изменяем вид Подфорума для uCoz)

Изменяем вид Подфорума для uCoz

Kenik

Дата: Вторник, 08.12.2020, 04:56 | Сообщение # 1

Администратор

Сообщений:: 2300

Замечания:: 0

Offline

Описание материала:

В данном материале мы будем изменять вид подфорума, на вашем форуме в системе 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>

Готово!

Источник - http://internetempire.ru/

Прикрепления: 3323765.jpg (179.3 Kb)

Страница 1 из 1
1