» »

Вид материалов в 2 и 3 колонки для ucoz


Вид материалов в 2 и 3 колонки для ucoz

Еще одна вариация для вида материалов сайта, в этот раз применил другую анимацию и для компактности, вывел краткую информацию о файле в кнопку INFO (при наведении на которую курсором появится та самая информация).
Добавил сразу вариант с 3 колонками, в настройках модулей ставить 1 колонку (если всё же регулировать количество колонок в настройках модуля, то в классе стилей internal нужно указать 100%).

Материал адаптивен для мобильных устройств, но для смартфонов добавил медиазапрос на уменьшение количества колонок после 480px (кому не подходит, то можно поменять параметры: медиа запросы находятся в конце стилей).
Оба кода находятся в архиве, стили получились объёмными в основном из-за анимации и браузеры префиксов. Ну для полноты описания сделал демонстрацию.



Скриншот в 2 колонки

Скриншот при наведении курсором на материал
Красивый по стилям Вид материала на сайт
Скриншот при наведении курсором на кнопку INFO
13.10.2016 Загрузок: 27 Просмотров: 622 Комментарий: (21)

Поделиться в социальных сетях

Материал разместил

Комментарий: 21
Kosten
Kosten 13.10.2016 18:421
0
Angerfist, сразу заметно в своем стиле сделал, все как нужно, думаю нужно прикинуть его на cstavr сайт.
Kosten
Kosten 13.10.2016 18:432
0
Это вид материала 52a вообще подумал информер, все правильно, и краткое описание идет.
Angerfist
Angerfist 13.10.2016 18:453
0
В демо я просто совместил два вида рядом, и ширину блоку родителю сделал 600px, может поэтому принял за информеры)

Кстати если текст описания будет внизу обрезаться некрасиво, то в классе subrear можно приподнять фон bottom: 28px; до момента пока не будет красиво (так как применил overflow: hidden;)
Kosten
Kosten 13.10.2016 18:504
0
Первый больше нравится, просто он как то не стандартно в колонке, и сайт по конструктору должен широкий, или просто если брать в 3 колонки, их в такой стили много, а вот такой в первые вижу.

Kosten
Kosten 13.10.2016 19:1610
0
Angerfist, скинь демо, на свой урл пересажу, то так бывает, что иногда через какое то время пропадает.

Сопрано
Сопрано 13.10.2016 18:515
0
Вообще круто смотрится, и на светлом, но думаю на темном лучше будет.
Start
Start 13.10.2016 19:006
0
С каждым разом всё лучше...
FeStemBer
FeStemBer 13.10.2016 19:017
0
Не думаю, и ранее были очень продуктивные материалы, просто кому то этот нравится, другому другой, но сделано видно очень качественно.
Сафрон
Сафрон 13.10.2016 19:068
0
Ждя темного дизайн нет не нужна, вот на светлом будет смотреться красиво. Что с информер можно перепутать, то его можно сделать под такой дизайн, что в одном стиле было.
tsakonter
tsakonter 13.10.2016 19:119
0
Видать и было создано под светлый дизайн, просто под темный нет смысла выводить тени, с Костен согласен, мне также больше такой вид нравится.
Tergran
Tergran 13.10.2016 19:1811
0
Что то не кто про эффект не написал, если посмотреть на DEMO то он очень заметный, у вид материала такой в первые вижу.
Angerfist
Angerfist 13.10.2016 21:2612
0
Kosten, если тебе нужен к примеру информер, суть этого кода не меняется (написано ли в заголовке для вида материалов или информера), в коде отбросить панель администратора и всё информер готов, т.к. в информере не предусмотрена панель.
Если делать информер из 2-х колонок для формата изображений как у тебя на кино сайте, то ставим ширину классу internal 48% и отступ margin 1%, учитывая что в настройках информера стоит 1-колонка. Для 1 колонки информера 98% и 1% отступ, при этом надо отменить float в этом же классе.
Сопрано
Сопрано 13.10.2016 21:5513
0
Angerfist, здесь лучше вам сделать, код наизусть знаете.
Kosten
Kosten 14.10.2016 01:0714
0
Все демонстрация сделана и можно посмотреть оба вида материала и эффект на них.
nor74
nor74 23.10.2016 21:2715
0
И для какого модуля оно сделанно, я вставил и не получился 53a
Kosten
Kosten 24.10.2016 01:3416
0
Видать что то не правильно делаете, скрипт полностью рабочии и демонстрация на его идет.
avatar
Scarabei 05.02.2017 01:2017
0
Не плохо придуманно, продолжайте... Юкоз тоже развивать нужно).
Kosten
Kosten 05.02.2017 01:2918
0
Но давайте глючный исключим, так как на демонстраций все корректно показывает.

Что у вас не получается по установке?
waak
waak 05.02.2017 01:4119
0
Если на демо всё хорошо это ещё не значит что скрипт не глючит! но в данном случае скорее всего у пользователя не хватает опыта так как этот вид материалов не использует скрипта а построен на css и html так я думаю утверждать не буду сам код не качал но по скрину понятно что для его работы скрипты не нужны а значит тут 2 причины неправильная установка или конфликт стилей вида материалов с стандартными стилями шаблона
Kosten
Kosten 05.02.2017 02:0320
0
Но здесь если конфликт стилей, то их можно вид материалов разместить.
avatar
Scarabei 08.02.2017 02:4121
0
Прошу прощения за свой комент, скрипт НЕ глючный, просто как я понял, там стили налаживаются на картинку,округленностей нет, во всяком случае мне ну удалось его качественно проредактировать, я не большой знаток ЦСС.
А в общем, сайт очень помог много нового нашел, много чего уже тут взял, все что брал работало.
Спасибо админу за такой качественный сайт и скрипты).
avatar