Здесь предлагаю выкладывать материал, который хорошо смотрится , но не имеет функциональности на майбб.Надеюсь, модераторы не удалят эту тему
Отредактировано Риро (29.11.12 19:29)
[Устарело]Адаптации под форум
Сообщений 1 страница 10 из 17
Поделиться119.10.11 16:21
- Бестелесный дух прошлого
- Уважение: +21
Поделиться219.10.11 16:25
- Бестелесный дух прошлого
- Уважение: +21
1. Переключение страниц - подгрузка
цель - адаптировать под форумы майбб (50%прозрачности все данные окна)
вот как выглядеть должен 
Принцип скрипта заключается в том что при открытие страницы открывается окошко с информацией о том что идет "построение старицы". Окно можно закрыть как вручную так и просто дождавшись полной загрузки страницы, после чего оно автоматически закроется.
Установка проста, между тегами
Код:
<body></body>
поставить эти скрипты
Код:
<script type="text/javascript" src="/blockUI/scripts/u.js"></script>
<script type="text/javascript" src="/blockUI/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.blockUI({message:'Немного подождите,<br>идет построение страницы...<br><img src="/blockUI/wait.gif" border="0" width="48" height="48" alt=""><br><a href="javascript://" onclick="$.unblockUI();return false;" style="font-size:7pt;">Разблокировать<\/a>',css:{background:'#fff',border:'5px solid #e0e0e0',padding:'3px'},overlayCSS:{background:'#000',opacity:.9}});
$(window).load(function(){
_uWnd.close('codeAlert');
$.unblockUI();
});
});
</script>P.S. по сути скрипт бесполезен, но можно найти и плюсы пользователь будет переходить к просмотру сайта только после того как все загрузится, а не ждать и смотреть на процесс загрузки)
Страница 404 на форум (вместо : "Информация: Сслка устарела или че то там короче была удалена")
Цель - адаптация
http://depositfiles.com/ru/files/oil4yfrrh
Как должно выглядеть:
2. Слайдер-шапка
Цель-адаптация (сделать так, чтобы все ,включая текст к слайдам и сами слайды можно бло менять в скрипте , а не через файловый архив ,как в оригинале)
Данный слайдер можно использовать в любом шаблоне, вывод на страницу осуществляется с помощью кода:
Код:
<div align="center">
<iframe src="/slider/slider.html" width=620 height=280 marginwidth=0 marginheight=0 scrolling=no frameborder=0> </iframe>
</div>т.е. качаете архив, распаковываете, заливаете папку slider на сайт, вставляете код в нужное место на странице и всё...
Настройка слайдера:
Нужные картинки залить в папку images, которая находится в папке slider.
Открыть файл config.xml в любом Html-редакторе или блокноте, прописать свои ссылки на картинки и страницы сайта( в ссылках на картинки слеш перед images не нужен (пример ссылки: images/картинка.jpg) )
Скачать
Дэмо
4.Вырезать новостной слайдер
(от юкоза
http://depositfiles.com/files/zj4vfbfzj Скачать здесь
3. Горизонтальное меню
Цель -
а)Заменить стандартную навигацию (Форум, Участники,..) (все это объединить в первом подменю - Форум)
Б)Изменить немного дизайн этого меню (при наведении белая менюшка текст на белом- черный , на сером и черном- белый
в) наладить rss ленту (прикрепить нужную ссылку)
г) прикрепить к верху форума (чтобы при прокрутки форума она оставалась под рукой - не прокручивалась)
Шикарное горизонтальное меню для ucoz, а главное рабочие на все 100%. Горизонтальное меню ucoz, можно сказать универсальное, прекрасное сочетание тонов не только украсит Ваш сайт ucoz, Но и даст возможность организовать порядок категорий.
Установка "Горизонтально меню для сайта ucoz":
Вставляем код меню ucoz в любое место на сайте. Обычно это глобальный блок, Верхняя часть сайта.
Код:
<script type="text/javascript" src="http://webo4ka.ru/Ucoz4/kracivoe_gorizont_menujquery_010.js"></script> <link media="screen" href="http://webo4ka.ru/Ucoz4/kracivoe_gorizont_menu_css010.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="http://webo4ka.ru/Ucoz4/kracivoe_gorizont_menu_libs_010.js"></script> <div class="mbar" id="menubar"> <div class="mbar"> <div class="mbar dpad"> <div class="menubar"> <ul id="topmenu" class="lcol reset"> <li><a href="http://webo4ka.ru/"><b>1 Пункт меню</b></a></li> <!--1--> <li class="sublnk"><a href="#"><b>2 Пункт меню</b></a> <ul> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> </ul> </li> <!--/1--> <!--2--> <li class="sublnk"><a href="#"><b>3 Пункт меню</b></a> <ul> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> </ul> </li> <!--/2--> <li><a href="#"><b>4 Пункт меню</b></a></li> <li><a href="#"><b>5 Пункт меню</b></a></li> </ul> <a class="thide hrss" href="#" title="Информер RSS">Информер RSS</a> </div></div></div></div>
Поделиться319.10.11 20:11
- Бестелесный дух прошлого
- Уважение: +21
Кто-нибудь поможет?
Поделиться413.11.11 23:57
- Бестелесный дух прошлого
- Уважение: +21
Есть мастера, способные помочь мне?
Поделиться514.11.11 00:25
- технозомби
- Уважение: +9814
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
baron
чем именно помочь?
описание топика таково:
baron написал(а):
Здесь предлагаю выкладывать материал, который хорошо смотрится , но не имеет функциональности на майбб.
так что нужно сделать?
Поделиться614.11.11 08:07
- Бестелесный дух прошлого
- Уважение: +21
baron написал(а):
цель - адаптировать под форумы майбб
Тое сть что бы скрипт имел функционал и на движке punBB
Поделиться714.11.11 11:00
- Бестелесный дух прошлого
- Уважение: +1281
baron написал(а):
Страница 404 на форум
было бы реально неплохо добавить эту страничку
Поделиться815.11.11 03:01
- технозомби
- Уважение: +9814
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
1. вы не пробоволи просто вставить в хтмл низ?
2. берете любой понтравившийся слайдер и двигаете его в помощью css в любую область форума
4. этот слайдер не от укоза. берите любой, который понравится в сети и вставляйте в объявление
3. выложенное меню не заменяет стандартное. опять же вставляем, двигаем с помощью css и с помощью того же волшебного css отключаем меню навигации.
Поделиться915.11.11 07:34
- Бестелесный дух прошлого
- Уважение: +21
baron написал(а):
1. Переключение страниц - подгрузка
baron написал(а):
Страница 404
С остальным я уже разобрался.
Сейчас надо только это
baron написал(а):
2. Слайдер-шапка
Цель-адаптация (сделать так, чтобы все ,включая текст к слайдам и сами слайды можно бло менять в скрипте , а не через файловый архив ,как в оригинале)Данный слайдер можно использовать в любом шаблоне, вывод на страницу осуществляется с помощью кода:
Выделить код
<div align="center">
<iframe src="/slider/slider.html" width=620 height=280 marginwidth=0 marginheight=0 scrolling=no frameborder=0> </iframe>
</div>
т.е. качаете архив, распаковываете, заливаете папку slider на сайт, вставляете код в нужное место на странице и всё...
Настройка слайдера:
Нужные картинки залить в папку images, которая находится в папке slider.
Открыть файл config.xml в любом Html-редакторе или блокноте, прописать свои ссылки на картинки и страницы сайта( в ссылках на картинки слеш перед images не нужен (пример ссылки: images/картинка.jpg) )
еще здесь же надо было поменять размер.
Этот слайдер я уже ставил на форум, но в отличие от Демо версиии у меня не было текста
Поделиться1015.11.11 07:35
- Бестелесный дух прошлого
- Уважение: +21
Слайдер уже не нужен (данная версия)
а вот Переключатель страниц с растворением экрана и страница 404 еще как нужны)))
