Сенсорный Timeline


Сенсорный Timeline

1560
6 из 10
Проголосовало: 2




  • Скачать с сервера
  • Скачать
  • Смотреть демо


Очередной скрипт от Рената Мусина. Очень простой скрипт, который будет чистой и семантический HTML код и превратить его в элегантный и красивый строки / контент слайдер. И потому, что сценарий очень оптимизирован для устройств, сенсорный экран, ваши посетители будут еще лучше опыт при просмотре вашего сайта в IPad, например. Кроме того, интерфейс был разработан с учетом совместимости. Он был разработан, чтобы быть очень нейтрально, чтобы убедиться, не конфликтует с остальными дизайн сайта, визуально. И вы всегда можете открыть CSS и настроить внешний вид!

Установка:

1 Шаг. Скачать папку "demos" и закинуть её в файловый менеджер
2 Шаг. Вставляем код в любое ваши место на сайте:

Code


  <link rel="stylesheet" href="/demos/css/layout.css" type="text/css" />  
   
  <script src="/demos/js/lib/modernizr-2.min.js"> </script>  
  </head>  
  <body>  
   

  <section class="product-main">  
  <div class="fullwidth">  
  <h1>Демо!</h1>  
   
  <div class="timeline-wrap">  
  <div class="timeline-event">  
  <div class="timeline-title">1 Новость.</div>  
  <div class="timeline-content">  
  <h1>Я например напишу...«Zthemes» имеет большой опыт профессиональной разработки адаптаций.</p>  
  </div>  
  </div>  
  <div class="timeline-event">  
  <div class="timeline-title">Оке!, продолжайте перетаскивание...</div>  
  <div class="timeline-content">  
  <h1>Пример 2...</h1>  
  <p>Я например напишу...Если вы зашли на эту страницу компании «Zthemes», значит, вы больше не будете ломать голову над тем, какую вам поставить тему для сайта Ucoz, тем самым уже сэкономив кучу времени на поисках. Всё, что вам осталось сделать зарегистрироваться! и скачивать шаблоны... для Ucoz!?</p>  
  </div>  
  </div>  
  <div class="timeline-event">  
  <div class="timeline-title">3 Пример</div>  
  <div class="timeline-content">  
  <h1Ну и вот? мы подходим к концу! нашего примера еще один слайд и все!<p>  
  <p>Мы подходим к концу! нашего примера еще один слайд и все!</p>  
  </div>  
  </div>  
  <div class="timeline-event">  
  <div class="timeline-title">Ну и все!</div>  
  <div class="timeline-content">  
  <h1>Пока.</h1>  
  <p>Скачиваем на сайте Webo4ka.ru</p>  
  </div>  
  </div>  
   
  </div>  
   
  </div>  
  </section>  

  <!--  
  Обязательная часть не удалять не менять "А то приведет к не работе скрипта"  
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
  -->  
  <script src="http://nikolaydyankov.com/codecanyon/touch-timeline/js/lib/jquery-1.7.1.min.js"></script>  
  <script src="/demos/js/touch.timeline.js"></script>  
  <script src="/demos/js/site.js"></script>  
  <!--[if IE]>  
  <script src="http://nikolaydyankov.com/codecanyon/touch-timeline/js/transforms.ie.js"></script>  
  <![endif]-->



Все! спасибо за внимание:)
Автор публикации: Загрузка
Загрузка
renat99, это его n материал
Источник: http://zthemes.3dn.ru
  • Всего комментариев: 7

Серега
0
Серега написал: Написано 24 Марта 2012 в 13:53
Комментарий №7
прикольно)

ВоВаН
0
ВоВаН написал: Написано 22 Марта 2012 в 10:51
Комментарий №6
Да пробовал уже.. основная проблема в том что страница не растягивается, тобиш при уменьшении (ctrl+колесико мыши) она только меньше страницы становится, а не растягивается.
скрин с моего сайта

скрин с теста

Вот и интересно как сделать, что бы растягивалось как на тэсте.

renat99
0
renat99 написал: Написано 22 Марта 2012 в 07:20
Комментарий №5
ВоВаН, Зайди в "layout.css" убери body

ВоВаН
0
ВоВаН написал: Написано 21 Марта 2012 в 22:42
Комментарий №4
конфликтует ужасно с моими настройками body

renat99
+2
renat99 написал: Написано 21 Марта 2012 в 21:17
Комментарий №3
Вот Демо:) забыл biggrin

renat99
+1
renat99 написал: Написано 21 Марта 2012 в 21:14
Комментарий №2
book

ВоВаН
0
ВоВаН написал: Написано 21 Марта 2012 в 20:51
Комментарий №1
жалко что только на падах

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    205
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: