По мотивам обсуждений здесь, здесь и здесь сделан шаблон с применением технологии masonry. Основное в шаблоне — автоматическое плавное изменение положения модулей при смене разрешения экрана.Таким образом, шаблон фактически резиновый, но модули не растягиваются.
2) Специально ввел в шаблон модули трёх размеров по ширине, чтобы показать возможности. Каждому ясно, что можно просто сделать их все одинаковыми (это легко делает хозяин сайта), в общем в зависимости от потребностей.
3) Сейчас модули особенно не настроены, каждый сможет сам это сделать на своём сайте (типа: количество новосте, колонок в модуле и прочее) и таким образом добиться полноценного заполнения своих страниц при разных разрешениях монитора.
3) Дизайн принципиально упрощеный, т.к. кому надо сайт парфюмерии или розовых слонов, те не по адресу. Этот шаблон только для новостных сайтов, городских порталов и т.п, в общем, где содержание важнее всяких побрякушек.
4) Дизайн шапки легко переделывается под любой каприз.
--------------------------------------
ПОСМОТРЕТЬ ДЕМО
ПОСМОТРЕТЬ ДЕЙСТВУЮЩИЙ САЙТ
Сравнение технологий: JOOMLA, WORDPRESS
--------------------------------------
P.S. По такой же технологии сделан новый сайт RuTube, причём они хвалились, что это сделали супер-пупер американы-дизайнеры
FAQ
1) В шаблоне соблюдена та же логика движения блоков как и на рутубе и на знаменитом джумловском шаблоне. Перемещение блоков не хаотичное, а в соответствии с порядковым номером.2) Специально ввел в шаблон модули трёх размеров по ширине, чтобы показать возможности. Каждому ясно, что можно просто сделать их все одинаковыми (это легко делает хозяин сайта), в общем в зависимости от потребностей.
3) Сейчас модули особенно не настроены, каждый сможет сам это сделать на своём сайте (типа: количество новосте, колонок в модуле и прочее) и таким образом добиться полноценного заполнения своих страниц при разных разрешениях монитора.
3) Дизайн принципиально упрощеный, т.к. кому надо сайт парфюмерии или розовых слонов, те не по адресу. Этот шаблон только для новостных сайтов, городских порталов и т.п, в общем, где содержание важнее всяких побрякушек.
4) Дизайн шапки легко переделывается под любой каприз.
--------------------------------------
ПОСМОТРЕТЬ ДЕМО
ПОСМОТРЕТЬ ДЕЙСТВУЮЩИЙ САЙТ
Сравнение технологий: JOOMLA, WORDPRESS
--------------------------------------
P.S. По такой же технологии сделан новый сайт RuTube, причём они хвалились, что это сделали супер-пупер американы-дизайнеры
Реклама #
maxisoft 12 лет назад #
вот простые косяки которые сразу обесценивают пока данный шаблон:
Это так на вскидку.
Просто для чего использовать технологии которые не совсем востребованны для дизайнов, это хорошо использовать если у вас новостной сайт где куча блоков, и все можно подобрать по ширине, а так сайт становится похож на решето с кучей пустых дырок между модулями.
Сайт будет стоит своих денег если его пилить и пилить еще.
Да и современные технологии это скорее всего по моему понимаю HTML5, CSS3 и респондив разметка.
Олег с клещами 12 лет назад #
maxisoft 12 лет назад #
Олег с клещами 12 лет назад #
Олег с клещами 12 лет назад #
maxisoft 12 лет назад #
Олег с клещами 12 лет назад #
maia 12 лет назад #
sotastroy 12 лет назад #
Конкретно по шаблону, да, может где-то и есть косяки + не всем понятно, как использовать эти "плавающие блоки", но однозначно плюс за разработку. Кто на форуме очень хотел адаптацию именно этого шаблона - обрадуются.
Максим Шорин 12 лет назад #
Максим Шорин 12 лет назад #
Malanas 12 лет назад #
keven 12 лет назад #
Dost 12 лет назад #
Олег с клещами 12 лет назад #
Dost 12 лет назад #
Dost 12 лет назад #
Олег с клещами 12 лет назад #
Dost 12 лет назад #
Олег с клещами 12 лет назад #
Dost 12 лет назад #
letsgo 12 лет назад #
NastiK 12 лет назад #
NastiK 12 лет назад #
Hunter (Роман) 12 лет назад #
Hunter (Роман) 12 лет назад #
letsgo 12 лет назад #
Ну поймите то простую мысль, то что вы сдвигаете, сжимаете, пробуете - этого пользователь не делает, зашел он с своим монитором и сидит и спокойно воспринимает сайт) Итак год, или два, пока монитор не сменит. Технология эта для того, чтобы не было пустого места у человека с любым монитором.
Hunter (Роман) 12 лет назад #
А так согласен - если дело касается компа - то это так. Хотя можно и без этой технологии постараться чтоб свободных мест не было.
Atid 12 лет назад #
Reborn 12 лет назад #
Хотя я не вижу в этом перспективы и считаю,что не передвижением блоков нужно решать отображение в разных мониторах,
а определением user-agent.
Thanatognozija 12 лет назад #
Thanatognozija 12 лет назад #
Олег с клещами 12 лет назад #
Malstein 12 лет назад #
Malstein 12 лет назад #
Александр 12 лет назад #
Олег с клещами 12 лет назад #
necromanc 12 лет назад #
Олег с клещами 12 лет назад #
Clear 12 лет назад #
Олег с клещами 12 лет назад #
Олег с клещами 12 лет назад #
Сравнение технологий: JOOMLA, WORDPRESS
Так сказать, найдите 5 отличий? Не считая лайтбоксов всяких....
maia 12 лет назад #
Олег с клещами 12 лет назад #
maia 12 лет назад #
Олег с клещами 12 лет назад #
Юмор оценил!
А если предположить, что при увеличении разрешения на одном и том же мониторе, модули и кажутся больше?! Вот оно чё, Михалыч.....
maia 12 лет назад #
maia 12 лет назад #
maia 12 лет назад #
http://rutube.ru/video/private/3c1b8b248a7d38b4f3c8dfec73e2c2b0/?p=fKdIM_3YIIulKr39ZY2FSQ==
http://rutube.ru/video/private/1e44ff0ffa6c88641b317d186c403472/?p=3QkI1IrmUhFn5CZbMSNxvA==
Олег с клещами 12 лет назад #
maia 12 лет назад #
Олег с клещами 12 лет назад #
2) нажимаешь и удерживаешь Ctrl и нажимаешь "+" несколько раз и наблюдаешь, как с каждым нажатием левые модули плавно уходят под правые.
З.Ы. Это типа технология такая....
maia 12 лет назад #
Олег с клещами 12 лет назад #
Олег с клещами 12 лет назад #
maia 12 лет назад #
http://rutube.ru/video/private/ca24287132a60e1e6d807c0d0e6851ff/?p=RKeSNS0Um_JaGxrw0qQJyQ==
или я не понимаю о чем речь, или у Вас что-то с браузером не то. У меня на всех все нормально отображается.
Олег с клещами 12 лет назад #
maia 12 лет назад #
Олег с клещами 12 лет назад #
Олег с клещами 12 лет назад #
maia 12 лет назад #
1, что значит "А если предположить, что при увеличении разрешения на одном и том же мониторе, модули и кажутся больше?!" - при чем здесь увеличение разрешения?
2, что значит "левые модули плавно уходят под правые" и "модули уезжают один под другой," - я этого не наблюдаю ни в одном браузере - они просто перестраиваются и меняют размер при этом.
maia 12 лет назад #
http://rutube.ru/video/3c1b8b248a7d38b4f3c8dfec73e2c2b0/
http://rutube.ru/video/1e44ff0ffa6c88641b317d186c403472/
http://rutube.ru/video/ca24287132a60e1e6d807c0d0e6851ff/
Clear 12 лет назад #
Clear 12 лет назад #
maia, предлагаю подарить ей этот шаблон за труды и старание в развитии этого шаблона. Думаю так будет правильно, а может это поможет вообще такой шаблон уникализировать и усовершенствовать.
Олег с клещами 12 лет назад #
Lana 12 лет назад #
Олег с клещами 12 лет назад #