Сенсорный Timeline

1623
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 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
  • waak написал:
  • и ещё забыл добавить что использую модуль каталог сайтов
  • waak написал:
  • Почему у меня он перелистывает в верх а не вниз и если это первая песня на стр то он её по кругу гоняет а не переходит к последней
    и как сделать стоп по клику на трек который играет?
  • Acht написал:
  • Тест
    Последние темы
    Опрос
    466
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 3
    Гостей: 3
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: