Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Вид материалов и комментариев » Вид материалов как на Pinterest

Вид материалов как на Pinterest

Опубликовал: artCreative™
Категория: Вид материалов и комментариев
Дата: 18 Июня 2025 в 20:20

3 голоса

BlocksIt.js – Jquery плагин создания динамического макета сетки. Говоря человеческим языком, плагин создает вид материалов как на Pinterest. Это один из самых популярных ресурсов на сегодняшний день, славится сайт и своим видом материалов. Вы просто пишите количество столбцов, плагин сам распределит блоки. Используйте вид материалов для своего сайта, лучше, когда на сайте у новостей будут картинки или фотографии, возможно, это будут фото птиц, а возможно, что это будут какие-то другие изображения.

Как это работает?

Плагин BlocksIt.js выбранные элементы с помощью CSS (задает position:absolute). Основная функция – это рассчет верхней и левой позиции. Все это в отношении к другим блоком, так, чтобы было ровно.

Подключение JQuery и плагина BlocksIt.js (в секцию HEAD)

Код

Вызов плагина

Код

$(document).ready(function() {
$('#objectID').BlocksIt();
});

Вот еще один пример вызова плагина (с нужным количеством колонок)

Код

$('#container').BlocksIt({
  numOfCol: 5
  });

Посмотрите демо, там сделаны адаптивные колонки. JQuery проверяет ширину окна и берет другой код для вызова плагина, уже с другим количеством колонок, посмотрите исходный код.

Ссылка на источник материала

Ссылка на ДЕМО

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 1847 | Комментариев: 2 « Назад

Теги материала: материалов, как, вид, Pinterest, на

Комментарии пользователей

Порядок вывода комментариев:

Like 0
Цитировать

Написано 23 Января 2015 в 04:47
Комментарий №1

muxa

Помогите установить на сайт.Пажалусто давно мечтал о таком виде но не знаю как его делать.Помогите если кому не лень.Вот мой скайп andrei74512

Like 0
Цитировать

Написано 25 Февраля 2015 в 12:52
Комментарий №2

artCreative

Посмотрите источник тут
или аналогичный пост тут

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Вид материалов и комментариев » Вид материалов как на Pinterest

Вид материалов как на Pinterest

Комментарии пользователей