Адаптации

Поделиться1Вт, 18 Окт 2011 17:11:45

Автор: baron4ik
Заслуженный
Зарегистрирован: Пт, 8 Апр 2011
Сообщений: 240
Уважение: +6
Позитив: +42
Пол: Мужской
Последний визит:
Пт, 18 Янв 2013 13:30:12

Нужно адаптировать слайдер под форумы mybb
(здесь ссылку не видит) , поэтому просьба обратиться в ЛС :blush:

Отредактировано baron4ik (Вт, 18 Окт 2011 17:12:11)

0

Поделиться2Вт, 18 Окт 2011 17:35:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11570
Последний визит:
Вчера 23:48:44

baron4ik написал(а):

здесь ссылку не видит

оденьте ссылку в теги цвета или трансформируйте через Сокращатель ссылок внизу

0

Поделиться3Вт, 18 Окт 2011 20:30:53

Автор: baron4ik
Заслуженный
Зарегистрирован: Пт, 8 Апр 2011
Сообщений: 240
Уважение: +6
Позитив: +42
Пол: Мужской
Последний визит:
Пт, 18 Янв 2013 13:30:12

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. по сути скрипт бесполезен, но можно найти и плюсы пользователь будет переходить к просмотру сайта только после того как все загрузится, а не ждать и смотреть на процесс загрузки)

0

Поделиться4Вт, 18 Окт 2011 20:45:07

Автор: baron4ik
Заслуженный
Зарегистрирован: Пт, 8 Апр 2011
Сообщений: 240
Уважение: +6
Позитив: +42
Пол: Мужской
Последний визит:
Пт, 18 Янв 2013 13:30:12

Страница 404 на форум (вместо : "Информация: Сслка устарела или че то там короче была удалена")
Цель - адаптация
http://depositfiles.com/ru/files/oil4yfrrh

0

Поделиться5Вт, 18 Окт 2011 20:46:23

Автор: baron4ik
Заслуженный
Зарегистрирован: Пт, 8 Апр 2011
Сообщений: 240
Уважение: +6
Позитив: +42
Пол: Мужской
Последний визит:
Пт, 18 Янв 2013 13:30:12

Как должно выглядеть:

0

Поделиться6Вт, 18 Окт 2011 20:54:17

Автор: baron4ik
Заслуженный
Зарегистрирован: Пт, 8 Апр 2011
Сообщений: 240
Уважение: +6
Позитив: +42
Пол: Мужской
Последний визит:
Пт, 18 Янв 2013 13:30:12

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) )
Скачать
Дэмо

Отредактировано baron4ik (Вт, 18 Окт 2011 20:55:05)

0

Поделиться7Вт, 18 Окт 2011 21:05:45

Автор: baron4ik
Заслуженный
Зарегистрирован: Пт, 8 Апр 2011
Сообщений: 240
Уважение: +6
Позитив: +42
Пол: Мужской
Последний визит:
Пт, 18 Янв 2013 13:30:12

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>

0