резиНОВОСТЬ: (приснилось в угаре 11.5%)...

+10
1.64K
резиНОВОСТЬ: (приснилось в угаре 11.5%)… (это как бы пожелания умам пытливым, а не для употребления)

Как писал уже в теме Львёнка "Чего не хватает шаблону": в перспективе хотелось бы резиновый шаблон с подменяющимися на лету стилями. В зависимости от ширины окна браузера происходит 4 — 5 переключений (подключений) стиля. Начиная от практически голого текста на голых дивах (для наладонников), далее инстант в "процентных грайдах" расширяется без бордюра. Далее основные блоки практически не расширяются, но увеличиваются бордюры и в конце концов, на широких-широких экранах полоски эти дополняются (возможно с помощью фреймов) полупрозрачными (чтоб не сильно отвлекали) кнопками, закладками, радио-видео, микроиграми и далее по списку…

То, что здесь — это всего-лишь прикидка, как могло бы быть, в исполнении всего лишь (предупреждаю заранее — смотреть особо нечего) на 0.01%. Нужна правка всех "больших" пикселей и неизвестной части малых в модулях и компонентах, формах и стилях, а возможно где-то ещё и не только пикселей...

Получилось кривовато, если присмотреться (мне), кто-то скажет прямо — не кривовато, а криво.
Разумеется, в таком виде — это всего лишь ознакомительный материал и ставить его себе могут только экспериментаторы для возможных доработок. Делалось-то на дефолте для части главной страницы.

Надо бы попробовать с переключением стилей "поиграть". Но что-то не играется...

ССЫЛКА НА ЯНДЕКСЕ: http://narod.ru/disk/32372317001/styles.zip.html

КАК?: скачайте, распакуйте, замените соответствующие файлы в дефолтном шаблоне, перезагрузите браузер и тяните (жмите) резину:)

ПОСМОТРЕТЬ — ПОТРОГАТЬ: http://z180273.infobox.ru (день-два, неделю-другую провисит, пока не упадёт)

ПОСМОТРЕТЬ:
Иллюстрация
при таком сжатии и Гугл не шибко смотрится...

P.S. Это не шаблон, это зарисовка, эскиз шаблона — не требуйте от него много. Понравилось, как главное меню складывается (ну и чтоб оно не сгинуло, как уже несколько мелких наработок), чуть доработал верх главной страницы, нарастил идеей и выложил..:)
0
Lexa219 Lexa219 12 лет назад #
Верстка слегка неудачная , попробуйте уменьшить окно браузера , все плывет в кучу
0
ded-pikto ded-pikto 12 лет назад #
Это вообще не вёрстка
0
Ше Ше 12 лет назад #
Есть же стандартное решение, одна таблица как контейнер для меню и контента. Меню 250px, ширину контента не указываем, контент тянется на весь экран, работает везде. Подменять стили, я думаю, не стоит, это не оправдывает себя, современные портативные устройства оптимизированы для просмотра обычных сайтов, а браузерам так вообще все по плечу!
Ну а теперь самое интересное, почему НЕ НУЖНО растягивать шаблон на весь экран? Потому что читать не удобно... да да, просто не удобно, строки растягиваются на весь экран и чтение текста превращается в муку! А как Вы сами понимаете, сайт нужен для того, что бы с него получать информацию и делать это в максимально удобной для пользователей форме.
Я уже не говорю о том что не нужная "резиновость" добавит не нужный гемор с версткой компонентов шаблона.
0
ded-pikto ded-pikto 12 лет назад #
Далее основные блоки практически не расширяются, но увеличиваются бордюры...
Мы говорим фактически об одном: на широких экранах должно быть несколько зон внимания. Но и совсем пустыми большие бордюры долго оставаться не будут - кто-то что-то придумает в них засунуть...
0
Ше Ше 12 лет назад #
Вы на брендирование намекаете? Для этого фиксиронанные размеры используются. Все эти заморочки с тянучестью - игра не стоит свеч... Наверное нужно подождать год-другой и делать уже под разрешение 1366.
0
ded-pikto ded-pikto 12 лет назад #
Про брендирование первый раз от Вас услышал, не вникал никогда в эту тему. Просто в голову пришло, почти в угаре, вот что-то изобразил... А дальше и сам не знаю, видимо, end...
0
Anubis Anubis 12 лет назад #
добавьте хотя бы min-width
0
Morgan Morgan 12 лет назад #
Идея неплохая ! Но на мой взгляд было бы куда как симпатичнее и практичнее правую колонку сделать чуть поуже (как в дефолтном), а слева сделать ещё одну колонку аналогичную правой ! Была бы трех-колоночная верстка ... при такой резиновой верстке она смотрелась бы лучше ! ИМХО !
Да и ещё почему то справа больше пространства ... внизу браузера аж прокрутка образуется )))
0
SE7EN SE7EN 12 лет назад #
Мне резина нравится, но просто сделать чтоб уменьшалась минимум до 1000 пикс., а растягивалась (для широких моников) ну скажем до 80%.
0
PET PET 12 лет назад #
Для начала хотелось бы, чтобы автор как минимум ставил перед собой цель, а уже потом определял задачи и инструментарий для её достижения. Если мысль не понятна, поясню: здесь задача - сделать сайт резиновым во всех разрешениях экрана, и чтобы при этом не было недоделок. А цель какая? Для чего вы пытаетесь решить эту задачу?
Чем конкретно не удовлетворяет вас тип стандартного шаблона? К примеру, стандартный шаблон даже и со своей статикой удобен и отлично смотрится для просмотра для большинства разрешений экрана (ширина от 1024px до 1600px для моего экрана). А ваша редакция шаблона уже начинает давать сбой на разрешении ниже 1280px по ширине.

Нужели студии, которые делали дизайн яндексу, ютубу, майкрософту, мтс, билайну, президенту рф итд. не в курсе, что существует "резина"?
А если вы и хотите применить "резиновость", то сделайте дизайн динамичным в ограниченном диапазоне ширины экрана.
Если не поняли о чём я, посмотрите на шаблон от dezerit - http://ic-coloricity.dezerit.org.ua/
У него ширина динамическая от 1000px до 1300px. Всё, что выходит за этот диапазон, уже статика, и такой подход удобен и эффективен.

Такое чувство, что вы недавно открыли для себя HTML+CSS и упорно, не оглядываясь вокруг, изобретаете велосипед.
0
ded-pikto ded-pikto 12 лет назад #
Не обижайтесь, если всем сразу отвечу.
Да, fonotrack,
Такое чувство, что вы недавно открыли для себя HTML+CSS и упорно, не оглядываясь вокруг, изобретаете велосипед
, вас не обмануло.
Но, друзья мои, в посте я честно отписал, что смотреть-то особо нечего и что
(это как бы пожелания умам пытливым, а не для употребления)
и, Амстердам, Morgan, SE7EN
Разумеется, в таком виде - это всего лишь ознакомительный материал и ставить его себе могут только экспериментаторы для возможных доработок. Делалось-то на дефолте для части главной страницы.
Что вы хотите от эскиза на тему?.. Хорошо сказал, добавлю в пост. Понравилось, как меню главное складывается, ну а к нему остальное прилепил...
Morgan даже на IE, если честно не проверял. Только на Хроме-15 в Денвере и на тестовом сайте. Так что о горизонтальной прокрутке ничего сказать не могу. Кроме того, что не люблю её шибко, а "резина" эта затевалась и для того, чтоб исключить её навсегда в принципе. А на сайте http://z180273.infobox.ru/ тоже прокрутка образуется? Проверил сейчас у себя на IE-8 - прокрутка не появляется.
0
ded-pikto ded-pikto 12 лет назад #
P.S.
студии, которые делали дизайн яндексу, ютубу, майкрософту, мтс, билайну, президенту рф...
Если бы все оглядывались на IBM где бы мы были?..
+1
Нил™ Нил™ 12 лет назад #
прикольно.)
0
Morgan Morgan 12 лет назад #
да, прокрутка внизу почему то только в Mozilla Firefox ! В остальных браузерах нет !
0
ded-pikto ded-pikto 12 лет назад #
Morgan:
да, прокрутка внизу почему то только в Mozilla Firefox ! В остальных браузерах нет !
Поубивав бы!.. Некому их нагнуть, как Путин тогда Дерипаску! И по делу же, давно пора объединённый стандарт принять... Похоже, пора придумывать универсальную оболочку для браузеров, чтоб на выходе стандарт выдавала!..
0
Lexa219 Lexa219 12 лет назад #
тс брось это дело smile зачем так насиловать дефолтный шаблон
LonelyCat LonelyCat 12 лет назад #
Комментарий удален
0
ded-pikto ded-pikto 12 лет назад #
Ну, сравнил! Ты-то делал!!! А я так - подвернулось, поматросил...
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.