Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Новый Сенсорный Timeline
Очередной скрипт от Рената Мусина. Очень простой скрипт, который будет чистой и семантический HTML код и превратить его в элегантный и красивый строки / контент слайдер. И потому, что сценарий очень оптимизирован для устройств, сенсорный экран, ваши посетители будут еще лучше опыт при просмотре вашего сайта в IPad, например. Кроме того, интерфейс был разработан с учетом совместимости. Он был разработан, чтобы быть очень нейтрально, чтобы убедиться, не конфликтует с остальными дизайн сайта, визуально. И вы всегда можете открыть CSS и настроить внешний вид!
Установка:
1 Шаг. Скачать папку "demos" и закинуть её в файловый менеджер
2 Шаг. Вставляем код в любое ваши место на сайте:
<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>Я например напишу...«uS-Templates» имеет большой опыт профессиональной разработки адаптаций.</p>
</div>
</div>
<div class="timeline-event">
<div class="timeline-title">Оке!, продолжайте перетаскивание...</div>
<div class="timeline-content">
<h1>Пример 2...</h1>
<p>Я например напишу...Если вы зашли на эту страницу компании « uS-Templates », значит, вы больше не будете ломать голову над тем, какую вам поставить тему для сайта 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>Скачиваем на сайте 3week.clan.su</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]-->
Все!
Установка:
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>Я например напишу...«uS-Templates» имеет большой опыт профессиональной разработки адаптаций.</p>
</div>
</div>
<div class="timeline-event">
<div class="timeline-title">Оке!, продолжайте перетаскивание...</div>
<div class="timeline-content">
<h1>Пример 2...</h1>
<p>Я например напишу...Если вы зашли на эту страницу компании « uS-Templates », значит, вы больше не будете ломать голову над тем, какую вам поставить тему для сайта 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>Скачиваем на сайте 3week.clan.su</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]-->
Все!
| Всего комментариев: 0 | |