• Страница 1 из 1
  • 1
Изменяем вид Подфорума для uCoz

Дата: Вс, 21.03.2021, 10:39 | Сообщение 1
Регистр
04.01.2021
Сообщений
455

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


Готово!

Скачать архив с Яндекс Диска: 143 КБ

Подписывайтесь! Рекомендуйте нашу группу своим знакомым профессионалам в IT WiN-Prog Наша группа ВКонтакте!



  • Страница 1 из 1
  • 1
Поиск: