• Страница 1 из 1
  • 1
Форум Сталкер » Архивная библиотека » Старые скрипты uCoz » Подфорумы для форума Ucoz как на Ucoz24
Подфорумы для форума Ucoz как на Ucoz24
XemorDioДата: Воскресенье, 03.04.2016, 22:07 | Сообщение # 1
Генерал-полковник
Группа: Пользователи
Сообщений: 897
Награды: 7
Репутация: 8
Статус: Offline

Приступи к установке:
1.CSS
Code
}   
.pod_forum {overflow: hidden; width: 500px; margin-left: 4%;}   
.kol_forum {float: left; width: 27%; margin-right: 0%;}


2.HTML.Создаем форумы
Очень важная часть! Создаем форумы, которые должды быть "Подфорумы", смотрим скрин вверху, у меня это (Каталог файлов, Пользователи, Доска объявлений, Тесты, Новости сайта, Каталог статей и т.д) и создаем форум "Другие скрипты для uCoz"(Неважно как вы ее назвете)Запомните ее, с ней мы выполним еще одну функцию. Эта тема будет вверху всех подфорумов, в конечном результате. У вас должно получиться так как у меня.


3. В общий вид страниц форума
Вставляем после $BODY$ в Общий вид страниц форума:
Code
<script type="text/javascript">        
        link=document.getElementsByTagName('a');        
        hideForums=new Array('[color=red]Пользователи','Новости сайта','Форум','Каталог файлов','Каталог статей','Каталог сайтов','Доска объявлений','Фотоальбом','Дневник (блог)','Опросы','Тесты','php'[/color]); // прописываем названия форумов которые создали в Пункте 2   
        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>

То что красным: это те форума которые у нас будут в Под форуме
В скрипт прописываем Названия форумов в одинарных кавычках, черех запятую которые создали в пунке 2. Но не нужно писать форум "Другие скрипты для uCoz" Так как он у нас играет важную роль, вписуем только подфорумы.

4. Создаем подфорумы в HTML
Теперь нужно создать таблицу, столбики подфорумов, если вы будете добавлять их как я - много. Я даю свою таблицу, редактируйте ее сами, меняя картинки и ссылки.
Code
<font size="2"><strong>Подфорумы:</strong></font>   
<div class="pod_forum">   
               
        <div class="kol_forum">   
<p><font size="2"><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com//forum/7">Каталог файлов</a></p>   
<p><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com//forum/2">Пользователи</a></p>   
<p><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com/forum/10">Доска объявлений</a></p>   
<p><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com/forum/14">Тесты</a></font></p>   
        </div>   
               
        <div class="kol_forum">   
         <p><font size="2"><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
           <a href="http://ucoz24.com/forum/5">Новости сайта </a></p>   
<p><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com/forum/8">Каталог статей</a></p>   
<p><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com/forum/13">Опросы</a></p>   
<p> <img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com/forum/12">Дневник (блог)</a></font></p>   
        </div>   
                  
        <div class="kol_forum">   
         <p><font size="2"><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
           <a href="http://ucoz24.com/forum/6">Форум</a></p>   
<p><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com/forum/9">Каталог сайтов</a></p>   
<p><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com/forum/11">Фотоальбом</a></p>   
<p><img border="0" src="http://wallaby.ucoz.ru/images33/post_new_s.png">   
         <a href="http://ucoz24.com/forum/15">php</a></font>   
</p>   
        </div>   
                  
</div>

5. Конвертер HTML в Javascripts
После того как вы создали табличку, тоесть изменили столбы, количество ссылок... Под себя настроили вообщем... Нужно этот код переобразовать в javascripts, у меня на сайте есть конвертер - Конвертер html в javascript онлайн. В верхний контейнер - html, жмем "Конвертировать", в нижнем получаем javascript, который копируем целиком и вставляем в текстовый документ на сайте и сохраняем с расширением .js, что бы получился javascript-файл. Загружаем его на сайт.

6. Описание форума
Заканчиваем установку. Окрываем П.У - Форум - Управление форумами - напротив Другие скрипты для uCoz(Этот форум может называться по Вашему усмотрению, только не добавляйте его в скрипт в 3 Пункте) нажимаем , и в "Описание форума:" вставляем Ваш javascript-файл:
Code
<script type="text/javascript" src="http://ucoz24.com/js_template/podforum.js"></script>

Вместо http://ucoz24.com/js_template/podforum.js вписуем, опять же Ваш javascript-файл, загруженый на Ваш сайт.
Теперь растолкую: в 3 Пункте, мы с помощью скрипта скрывали форумы, указывая их в скрипте. А в 6 Пункте добавляли, с помощью javascript-файла.
 
Форум Сталкер » Архивная библиотека » Старые скрипты uCoz » Подфорумы для форума Ucoz как на Ucoz24
  • Страница 1 из 1
  • 1
Поиск:
Поделись с другими сталкерами
Меню сайта
Гость
Статистика
Интеллектуальный каталог ресурсов интернет