ФорумРазработкаКлиентская сторонаВерстка и оформление → Как такое верстать?

Как такое верстать?

  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 24 июля 2010 г. 5:22

    В прикрепленном файле макет.

    Лично я против таких макетов, потому что я не знаю как такое верстать правильно. А может такое и нельзя правильно сверстать =)

    Есть картинка 1 и ее нужно на весь экран поставить. Это хорошо если у всех мониторы одинаковые. Вот у меня например широкоформатный, если эту картинку растянуть то хрень будет.
    у кого то мониторы 15 дюймовые, там тоже не айс будет

    Второй макет тоже вызывает вопросы. Как шапку растягивать?

    В общем правильно ли я думаю что нормально для всех разрешений мониторов сделать такое нельзя?

    А если можно  то прошу, подскажите как.
    1. (104)
    2. (101)
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 24 июля 2010 г. 5:52, спустя 30 минут 16 секунд

    по поводу первого были идеи, нуна поковыряться, где-то похожее валялось..
    а по поводу второго… может сделать что-нить типа такого?


    http://a.imagehost.org/0109/qwe.jpg

    чтоб дублировался…
    Высокоуровневое абстрактное говно
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 24 июля 2010 г. 5:55, спустя 3 минуты 3 секунды

    ну дублировалось, это как вариант, фиговый но по моему единственный.
  • artoodetoo

    Сообщения: 5139 Репутация: N Группа: в ухо

    Spritz 24 июля 2010 г. 6:16, спустя 20 минут 15 секунд

    в первом случае картинка должна быть просто достаточно большой, а background-position: center center
    не надо её растягивать
    ιιlllιlllι унц-унц
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 24 июля 2010 г. 6:22, спустя 6 минут 12 секунд

    ну дублировалось, это как вариант, фиговый но по моему единственный.


    а может там фикс по ширине?

    в первом случае картинка должна быть просто достаточно большой, а background-position: center center
    не надо её растягивать


    лучше background-position: 50% 100%; что бы низ было видно, имхо))
    Высокоуровневое абстрактное говно
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 24 июля 2010 г. 6:22, спустя 28 секунд

    ну вот у меня 22 дюйма. допустим сделали ее более длинной. Сколько она при моем разрешении весить будет? Это у меня скорость хорошая, а вот недавно домой ездил, так 100 метров ночь качал.

    если картинка большая, а мы смотрим на маленьком мониторе, то что, мы половину не увидим? так что ли?
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 24 июля 2010 г. 6:35, спустя 12 минут 54 секунды

    мб скриптом загружать нужный размер? на 1024х768 маленькую, на 1920х1080 большую)))
    но все равно весить немало будет)) значит нуна растягивать… даже знаю как, только хз, во всех ли бравзерах пашет… и получится ли позиционировать…
    Высокоуровневое абстрактное говно
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 24 июля 2010 г. 6:45, спустя 10 минут 12 секунд

    вроде во всех новых бравзерах пашет…

    #bg { width:100%; height:100%; overflow:hidden; position:absolute; z-index:0; }
    #bg img { width:100%; position:absolute; bottom:0; }

    <div id="bg"><img src="img/t-b.jpg" /></div>
    Спустя 179 сек.
    похожую ботву можно сделать со вторым случаем… только, чем шире экран, тем выше будет хеадер…
    Высокоуровневое абстрактное говно
  • Givi

    Сообщения: 2284 Репутация: N Группа: Адекваты

    Spritz 24 июля 2010 г. 7:12, спустя 27 минут 13 секунд

    я вообще не понимаю нахера мне при 22-24" экрана видеть на всем єтом пространстве страницу сайта? У меня думаете что, зрение плохое, что я себе такой монитор купил? Да вот хуй. Я его купил для удобства, чтоб открыть сразу несколько приложений и разместить их рядом на экране + фильмы смотреть на весь экран + просто прикольно когда монитор большой.
    Вообще, если на сайте и так достаточно большая центральная колонка с текстом, и её ещё и на все 22" по ширине тянуть, то читабельность близится к нулю.
    Спустя 78 сек.
    делайте всевдодинамику, то есть ограничивайте максимальную ширину сайта max-width: … в 1400 пикселей и будет вам счастье :)
    Спустя 77 сек.
    ну и относительно макетов в примере, то тут вопросы должны быть в дизайнерам, а не верстальщику. Версткаем мы то, что нам дают. И если дают ограничкенную по ширине картинку, то мы её и запиздячим безо всяких вопросов, а иначе идите нахуй.
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 24 июля 2010 г. 7:14, спустя 1 минуту 17 секунд

    я бы с радостью ограничил!
    но это тоже в дизайне как то обыграть нужно.
    Фигово когда шапка идет и обрывается слева и справа.

    и относительно первого макета. Справа и слева что будет? белое поле?
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 24 июля 2010 г. 7:32, спустя 17 минут 58 секунд

    ну, мое дело предложить, а там сами думайте))
    Высокоуровневое абстрактное говно
  • artoodetoo

    Сообщения: 5139 Репутация: N Группа: в ухо

    Spritz 24 июля 2010 г. 7:39, спустя 7 минут 26 секунд

    тем, кто делает подобные страницы похуй на маленькие мониторы или на тормозное соединение. и по своему они правы.
    изначально вопрос "как сверстать" — вот написали как
    Спустя 130 сек.
    я как фотограф могу сказать, большая по пикселам картинка не факт что большая по весу. зависит от сюжета. "закаты" или подобная муть без мелких деталей может быть хорошо пожата в формате JPEG без видимых изъянов.
    ιιlllιlllι унц-унц
  • Givi

    Сообщения: 2284 Репутация: N Группа: Адекваты

    Spritz 24 июля 2010 г. 16:35, спустя 8 часов 55 минут 42 секунды

    Professor, я в одном из макетов ставил рамку на 2 пиксела вокруг всей визуально доступной части сайта (то есть по сути создавал как бы "картинку" сайта в рамке, центровал его и на фон кидал спецовую "повторяшку" из пары пикселей, чтоб сделать фон немного темнее недели просто белый. И в итоге получилось вполне похвально от заказчика.
    п.с. Делал все это не сам, а на пару с дизайнером. А вообще реально делай именно то, что говорят и то, что тебе дают. Дали большую картинку - пиздячь большую картинку, дали шапку шириной в 1200 пикселей и "оборванными" краями, то и запиздячь им сайт с центровкой и визуальной частью в 1200 пикселей максимум. Да и вообще, динамика не всегда хорошо, как я уже сказал. Если это текстовый сайт, то очень широко - получается уебанство.
  • Professor

    Сообщения: 2089 Репутация: N Группа: Адекваты

    Spritz 24 июля 2010 г. 17:13, спустя 38 минут 36 секунд

    Не, я предпочитаю хотя бы попробовать переубедить заказчика. Не понравится ему, заставит же переделывать, а этого ой как не хочется делать =)

    Вот про рамочку нормально придумано. Я нечто похожее правда уже предлагал, но с твоим вариантом можно и без дизайнера обойтись =)
  • Givi

    Сообщения: 2284 Репутация: N Группа: Адекваты

    Spritz 24 июля 2010 г. 18:46, спустя 1 час 33 минуты 1 секунду

    Professor, мне нужно было цвет рамки + фон-заполняшку сварганить. А я херовый "цветовод", потому перекинул задачу на дизайнера.

    А относительно переделки ибо заказчику не понравилось, так не вопрос, главное чтоб оплата была соответствующая :) Пусть хоть 30 раз переделывает (кстати, было такое что три раза переделывали дизайн на протяжении двух месяцев. В третий раз я уже цену на 50% поднял ибо заебали мне моск выносить, так они на нем и остановились таки).

Пожалуйста, авторизуйтесь, чтобы написать комментарий!