Динамический сайт

Главные вкладки

Аватар пользователя gufaka gufaka 16 мая 2011 в 21:49

Возникла такая проблема, сайт подгонял под свой экран. У меня все норм, а люди с не таким широким экраном не видят полностью сайт, он у них очень широкий, как сделать тему динамической? Подскажите, пожалуйста.
И вот еще

Комментарии

Аватар пользователя q2_faith q2_faith 16 мая 2011 в 22:11

"gufaka" wrote:
А я сам делал в Artisteer. А что нельзя поменять?

мне посчастливилось не пользоваться ею)
резиновая верстка достаточно сложна. а поскольку вы еще только учитесь, то сделайте фиксированную на 1024)

Аватар пользователя Andruxa Andruxa 16 мая 2011 в 22:49

"q2_faith" wrote:
фиксированную на 1024

минус скроллбары-тулбары, 960px вроде как стандартной шириной считается?
"q2_faith" wrote:
задайте ширину для body 100%

вложите контейнер <div id="page"> с css-свойствами:
width: 960px; margin: 0 auto; - получите блок с шириной 960px и горизонтальным центрированием.
Если ширина окна будет меньше - появится горизонтальный скролл

Аватар пользователя VasyOK VasyOK 16 мая 2011 в 22:49

"gufaka" wrote:
Подскажите, пожалуйста.

Подсказываю. При разработке темы оформления нужно учитывать, чтобы область основного контента была нормально видна людям не имеющим новые широкоэкранные мониторы.

На моем широэкранном мониторе есть кнопочка по которой изображение в разрешении 1024*768 не растягивается на весь экран. Ищите такую кнопочку на своем мониторе и посмотрите сайт в разных разрешениях.

По поводу резиновой верстки. Если делаете шаблон резиновым, выставьте минимальный и максимальный размер области основного контента (либо body). Например 800 и 1024px. Конечно в Артистире без элементарных знаний CSS этого не сделаешь. Но есть тема Corolla в ней это стандартная опция.

Понимаю что сайт вам нужен прямо сейчас, поэтому лучше оставьте эти резиновые прибамбасы в покое.

Аватар пользователя Andruxa Andruxa 16 мая 2011 в 22:51

"gufaka" wrote:
где то же надо учиться

гуглите фразу "резиновая верстка", читайте, пробуйте
Друпал на этом этапе вам не потребуется, достаточно простейшего html в блокноте

Аватар пользователя EvgenySorokin EvgenySorokin 19 мая 2011 в 12:06

Artisteer 3.0.0.32906 поддерживает создание "резиновых" тем.
Я не просто так написал полную версию билда - только он пока корректно работает с проектами (то есть можно сохранить проект, потом открыть его, и продолжить над ним работу).
Прочие билды хоть и сохраняют, но открыть их нельзя потом, все сбрасывается. Все лично опробовано.

Аватар пользователя VasyOK VasyOK 20 мая 2011 в 23:54

Для резины (без правки файлов получаемых на выходе) не подходит ни 2 ни 3.

Можете пробовать сохранять проект в разных версиях и смотреть полученный код. Это кстати можете серьезно обогатить знания по CSS.

Аватар пользователя Shift-Web Shift-Web 21 мая 2011 в 11:31

"Andruxa" wrote:
это как?

Элементарно, Ватсон.

от 1024 до 1280 ~ fix 980\960
от 1280 до 1400 ~ fix 1360
от 1400 до 1600 ~ fix 1570
от 1600 до ... ~ fix 1890

имхо ... выпилив все побочные ступени ступени увидим, что не так всё и трудно Wink

от 1024 до 1280 ~ fix 980\960
от 1280 до 1600 ~ fix 1360
от 1600 до .... ~ fix 1890

Ну и думаем. К примеру для стандартного болжного лэя да и вообще модной развёртки нужно определить сайдбар[ы], а центровку на флюид пустить. Пусть тянется пока max-width центра с margin: 0 auto; позволяет.

Собсно, осталось перехватить параметры дисплея и отталкивая от него выставить нужный класс на центровку каркаса. Профит.

А резиновые Д'Артаньяны пусть делают резину.

Аватар пользователя Andruxa Andruxa 21 мая 2011 в 13:25

"Shift-Web" wrote:
Собсно, осталось перехватить параметры дисплея и отталкивая от него выставить нужный класс на центровку каркаса. Профит.

я как раз об этом и спрашивал ))

Аватар пользователя Shift-Web Shift-Web 21 мая 2011 в 13:45

"Andruxa" wrote:
я как раз об этом и спрашивал ))

Ну, как бы гугл есть. Если не удаётся орпределить, ставим по нижней планке и не паримся.

p.s.: значения в примере с потолка -- сам придумал. в идеале нужно смотреть на месте.