Этот сайт не наркоманов. Это сайт программистов.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Пыха переехала на новый сервер, ура!

Краснодарское время: 09 Февраль, 2012, 07:42:42

Страниц: [1] 2
Печать
Автор Тема: Как такое верстать?  (Прочитано 841 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Professor    ↓ 
24 Июль, 2010, 01:22:26
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2059
Сила слова: 1.46

В прикрепленном файле макет.
 
Лично я против таких макетов, потому что я не знаю как такое верстать правильно. А может такое и нельзя правильно сверстать =)
 
Есть картинка 1 и ее нужно на весь экран поставить. Это хорошо если у всех мониторы одинаковые. Вот у меня например широкоформатный, если эту картинку растянуть то хрень будет.
у кого то мониторы 15 дюймовые, там тоже не айс будет
 
Второй макет тоже вызывает вопросы. Как шапку растягивать?
 
В общем правильно ли я думаю что нормально для всех разрешений мониторов сделать такое нельзя?
 
А если можно  то прошу, подскажите как.


* ГП-page-intro_main_page.jpg (76.06 Кб, 800x600 - просмотрено 89 раз.)

* ГП-page-regular-1200pix_proekt_domov.jpg (87.66 Кб, 800x656 - просмотрено 85 раз.)
Записан

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
Stasovsky    ↓ 
24 Июль, 2010, 01:52:42 , спустя 30 минут 16 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

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

http://a.imagehost.org/0109/qwe.jpg
 
чтоб дублировался...
Записан
Professor    ↓ 
24 Июль, 2010, 01:55:45 , спустя 3 минуты 3 секунды
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2059
Сила слова: 1.46

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

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
artoodetoo    ↓ 
24 Июль, 2010, 02:16:00 , спустя 20 минут 15 секунд
НЕ ХУЕТА! ХУЕТА!

с особым цинизмом
Группа: в ухо

Карма: 121
Сообщений: 3491
Сила слова: 3.47

в первом случае картинка должна быть просто достаточно большой, а background-position: center center
не надо её растягивать
Записан
Stasovsky    ↓ 
24 Июль, 2010, 02:22:12 , спустя 6 минут 12 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

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

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

лучше background-position: 50% 100%; что бы низ было видно, имхо))
Записан
Professor    ↓ 
24 Июль, 2010, 02:22:40 , спустя 28 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2059
Сила слова: 1.46

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

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
Stasovsky    ↓ 
24 Июль, 2010, 02:35:34 , спустя 12 минут 54 секунды
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

мб скриптом загружать нужный размер? на 1024х768 маленькую, на 1920х1080 большую)))
но все равно весить немало будет)) значит нуна растягивать... даже знаю как, только хз, во всех ли бравзерах пашет... и получится ли позиционировать...
Записан
Stasovsky    ↓ 
24 Июль, 2010, 02:45:46 , спустя 10 минут 12 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

вроде во всех новых бравзерах пашет...
 
HTML
#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>
Спустя 2 минуты 59 секунд добавил
похожую ботву можно сделать со вторым случаем... только, чем шире экран, тем выше будет хеадер...
Записан
Givi    ↓ 
24 Июль, 2010, 03:12:59 , спустя 27 минут 13 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2248
Сила слова: 1.87

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

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
Professor    ↓ 
24 Июль, 2010, 03:14:16 , спустя 1 минуту 17 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2059
Сила слова: 1.46

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

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
Stasovsky    ↓ 
24 Июль, 2010, 03:32:14 , спустя 17 минут 58 секунд
НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 47
Сообщений: 3256
Сила слова: 1.44

ну, мое дело предложить, а там сами думайте))
Записан
artoodetoo    ↓ 
24 Июль, 2010, 03:39:40 , спустя 7 минут 26 секунд
НЕ ХУЕТА! ХУЕТА!

с особым цинизмом
Группа: в ухо

Карма: 121
Сообщений: 3491
Сила слова: 3.47

тем, кто делает подобные страницы похуй на маленькие мониторы или на тормозное соединение. и по своему они правы.
изначально вопрос "как сверстать" — вот написали как
Спустя 2 минуты 10 секунд добавил
я как фотограф могу сказать, большая по пикселам картинка не факт что большая по весу. зависит от сюжета. "закаты" или подобная муть без мелких деталей может быть хорошо пожата в формате JPEG без видимых изъянов.
Записан
Givi    ↓ 
25 Июль, 2010, 12:35:22 , спустя 8 часов 55 минут 42 секунды
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2248
Сила слова: 1.87

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

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
Professor    ↓ 
25 Июль, 2010, 01:13:58 , спустя 38 минут 36 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 30
Сообщений: 2059
Сила слова: 1.46

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

Записки профессора : Кто тут, к примеру, в цари крайний? Никого?! Так я первый буду!
Givi    ↓ 
25 Июль, 2010, 02:46:59 , спустя 1 час 33 минуты 1 секунду
НЕ ХУЕТА! ХУЕТА!

Группа: Адекваты

Карма: 42
Сообщений: 2248
Сила слова: 1.87

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

Все, что говорят другие - неправда! До тех пор, пока ты сам в это не поверишь.
Если человек дурак, то... чур это не я!
Страниц: [1] 2
Печать
 

Перейти в: