Этот скрипт очень загружает страницу, но также и уменьшает форум, поэтому нужен он вам или нет чисто ваше решение.
В этой теме я рассмотрю и подробно опишу то, как я создавала эти подфорумы.
Итак, сначала у меня было три форума - Фан-арт, Фото-творчество, Сборище фанатов.
Затем я создала внешний вид будущих форумов через CSS.
Code
/*NaRuTo-SiNiGaMi.Ru*/
.podforum {
overflow: hidden;
margin: 0 -10px 0 0;
padding: 0;
}
.podforum li {
float: left;
margin: 1 2px 0 0;
padding: 0;
list-style: none;
}
.podforum li a {
display: block;
padding: 4px 4px;
background: #685072;
margin: 0 0 3px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0px 0px 0px #2d1f34;
-moz-box-shadow: 0px 0px 0px #2d1f34;
-khtml-box-shadow: 0px 0px 0px #2d1f34;
-webkit-box-shadow: 0px 0px 0px #2d1f34;
}
.podforum li a:hover {display: block;
padding: 5px 4px;
background: #654374;
margin: 0 0 7px 0;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 1px 1px 1px #2d1f34;
-moz-box-shadow: 1px 1px 1px #2d1f34;
-khtml-box-shadow: 1px 1px 1px #2d1f34;
-webkit-box-shadow: 1px 1px 1px #2d1f34;
}
/*----by KiLLeR----*/
Если берете у нас, не убирайте условные операторы нашего сайта. Уважайте то что Вам выставили этот код.
Далее. При помощи этой странички я конвертировала ссылки:
Code
<li><a href="http://naruto-sinigami.ru/forum/108" target="_blank">Фото-творчество</a>
<li><a href="http://naruto-sinigami.ru/forum/109" target="_blank">Сборище фанатов</a>
в определенный код и сохранила на компьютере в блокноте. Этот блокнот - с форматом .txt - я закачала в файловый менеджер.
Затем открываем Форум > Управление форумами и там где будут Ваш подфорумы в описание ставим такой код:
Code
<div class="podforum"><script type="text/javascript" src="ССЫЛКА НА ФАЙЛ.txt"></script></div>
Это меняете на свой файл с конвертированными ссылками.
Результат - у Вас появились подфорумы. Только такие же как у нас. Допустим, если Вы хотите убрать округление кнопок, то в CSS Удалите эти строчки:
Code
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
Если только уменьшить радиус закругления эти параметры заменить на свои.
Думаю, с цветами вы разберетесь.
Также сюда относиться и то, как затем скрыть те форумы, которые вы преобразовали в подфорумы. Это тоже очень просто.
В Общий вид форума перед < / body > ставим этот код:
Code
<script type="text/javascript">
link=document.getElementsByTagName('a');
hideForums=new Array('Фото-творчество.','Сборище фанатов');
for(k=0;k<hideForums.length;k++){
for(i=0;i<link.length;i++){
if(link[i].className=='forum' && link[i].innerHTML==hideForums[k]){
link[i].parentNode.parentNode.style.display='none';}}}
</script>
('Фото-творчество.','Сборище фанатов') - в одинарных кавычках прописываете название того форума, который необходимо скрыть.
На этом все. Статью подготовила KiLLeR. По всем вопросам обращайтесь в этой теме. При копировании материала ставьте авторство сайта.
