| ADM |
Дата: Суббота, 26.11.2011, 16:05 | Сообщение # 1 |
== Гл. Техник ==
|
.
Приступи к установке:
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-файла.
Прикрепления:
3769535.jpg
(22.2 Kb)
|
| |
|
|
