Заработок в интернете и раскрутка вашего сайта Понедельник, 20.11.2017, 23:56

Меню сайта
Категории раздела
Скрипты для uCoz [119]
Все скрипты uCoz для улучшения Вашего сайта
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Яндекс.Метрика Яндекс цитирования
Главная » Статьи » Скрипты для uCoz » Скрипты для uCoz

Фото портфолио с интересной сортировкой на uCoz

Фото портфолио с интересной сортировкой на uCoz

[ Скачать с сервера (20.7Kb) ]

Для ценителей стиля и качества, а так же плагинов с пометкой "шикарно" - отличная новость. Мы таки нашли один такой, который способен затмить все предыдущие и порадовать тех, кто в этом разбирается.

Так что срочно тестируйте демо-версию и забирайте на свой сайт, потому что этот плагин для создание эффектных портфолио действительно стоящая вещь. Плагин создан действительно умелыми руками специалистов по HTML5 и CSS, и не обошлось без последней версии JQueru - хороший набор инструментов всегда в арсенале у продуктов Ucoz и этот - не исключение, а скорее один из шедевров. Изображения перемешаются на экране в произвольном направлении, мягко и плавно создавая эффект перетекания информации горизонтально и центрировано. Фотографии или изображения можно отсортировать по назначению. Для первичного просмотра подойдет вкладка "Everything", дающая представление о всех изображениях на странице. Как отсортировать их дальше - уже ваша фантазия и задумка. Плагин позволяет заливать приличное количество изображений, и при этом работает он быстро, плавно и без рывков. Идеально подойдет для вставки на сайт, создаваемый для фотографа или дизайнера. За качество продукта отвечаем - не проходите мимо этой новинки от Ucoz, и, как всегда, делитесь впечатлениями!

Важно! Скрипты из прикреплённого архива залейте в папку js, стиль в папку css и картинку в папку img

Установка:

После /head на нужных страницах вставляйте:

<linkrel="stylesheet"href="/css/styles.css"/>
<scriptsrc="/js/jquery.quicksand.js"></script>
<scriptsrc="/js/script.js"
></script>

Следующий код в то место, где будет портфолио:

<navid="filter"></nav>
<sectionid="container">
<ulid="stage">
<lidata-tags="Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Logo Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design,Logo Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Logo Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design,Logo Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Logo Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design,Logo Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Logo Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Logo Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design,Logo Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Logo Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design,Logo Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Logo Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Web Design,Logo Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
<lidata-tags="Logo Design,Print Design">
<imgsrc="Ссылка на картинку"alt="Описание"/>
</li>
</ul>
</section>



Нравится
Категория: Скрипты для uCoz | Добавил: admin (24.12.2013)
Просмотров: 212 | Рейтинг: 0.0/0


Нравится







Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Наш баннер
Мы будем признательны,
если Вы разместите нашу кнопку
у себя на сайте!

Заработок в интернете и раскрутка вашего сайта


Языки
Заработок в интернете и продвижение вашего сайта © 2013-2017
Копирование материалов сайта без согласия запрещено!

Яндекс.Метрика

СЕГОДНЯ НАС ПОСЕТИЛИ:

200