Comments 50
забавно =)
+1
Как идея прикольно, конечно, но вообще, дизайнерам за такие макеты надо по рукам давать.
+34
Больше сайтов, хороших и разных!
Паутина и современные браузеры дают такие огромные возможности, что их грех не использовать.
Макет на удивление вменяемый — логично, что чем меньше размер окна, тем меньше должны быть элементы, в особенности бэкграунд. Почему, то, что на большом разрешении показывается как подвал/шапка на другом разрешении должно быть половиной экрана?
Паутина и современные браузеры дают такие огромные возможности, что их грех не использовать.
Макет на удивление вменяемый — логично, что чем меньше размер окна, тем меньше должны быть элементы, в особенности бэкграунд. Почему, то, что на большом разрешении показывается как подвал/шапка на другом разрешении должно быть половиной экрана?
0
UFO just landed and posted this here
Дизайнер осёл ещё потому, что это Ужастно тормозит при скроллинге. (по крайнер мере в Opera).
Вообще, об этом уже писалось на сайте, о котором обычно не упоминают.
Вообще, об этом уже писалось на сайте, о котором обычно не упоминают.
+1
У самого первым делом родилось желание пристрелить горе-дизайнера, который фотографии на фон бросает из-за собственной… Хм… Даже не знаю, из-за чего такое можно делать.
И даже после прочтения всех мытарств желание только укрепилось.
И даже после прочтения всех мытарств желание только укрепилось.
+2
Пожалуй даже вырывать ногти и вбивать в пальцы гвозди
-2
Полезно. Спасибо.
0
Похожее уже было kolyuchii.habrahabr.ru/blog/52548/
+1
Что вы думаете про эту статью — www.cssplay.co.uk/layouts/background?
+1
А что будет, когда текста по высоте будет больше, чем высота картинки? Да и с пропорциями на экране явный глюк ;)
0
UFO just landed and posted this here
«bottom:0; /*картинка всегда будет находиться внизу страницы*/» — что-то картинка не всегда находится внизу страницы… А было бы неплохо — т.к. небо светлое, было бы лучше, чтобы оно переходило в белый, если уж экран повыше, чем картинка.
0
Мне как раз понадобиться сейчас. Спасибо. :)
0
только внизу и в IE у меня большой белый промежуток.
0
А еще вот думаю, что не для любой картинки такой способ подойдет. Более «гладкие» картинки, скорее всего в «любимом» ИЕ будут некрасиво масштабироваться. Эта вся в травке, зазубринках — поэтому, может, нормально смотрится.
0
Я бы учел возможность ресайза окна, и сделал вот так:
- <script language="javascript">
- function test(){
- var h = 400 + document.getElementById('page').offsetHeight;
- if (h > 600) {
- document.getElementById('main').style.height = h + 'px';
- }
- }
- var ie=!!window.attachEvent;
- window[ ie ? 'attachEvent' : 'addEventListener' ]( ie ? 'onresize' : 'resize', test );
- </script>
0
Поправочка:
Copy Source | Copy HTML
- <script language="javascript">
- function test(){
- var h = 400 + document.getElementById('page').offsetHeight;
- if (h > 600) {
- document.getElementById('main').style.height = h + 'px';
- }
- }
- var ie=!!window.attachEvent;
- window[ ie ? 'attachEvent' : 'addEventListener' ]( ie ? 'onresize' : 'resize', test, false );
- </script>
+2
есть еще такой вариант в jQuery — buildinternet.com/live/supersized/
0
отличная «рыба»!
0
Конечно вариант, но я бы дал дизайнеру понять, что пусть он меняет макет и думает головой, т.к. делает он для веба а не для цирка шапито.
Это плохо хотя бы потому, что правый клик на этом «фоне» не будет работать как того ожидает пользователь.
Это плохо хотя бы потому, что правый клик на этом «фоне» не будет работать как того ожидает пользователь.
+3
UFO just landed and posted this here
UFO just landed and posted this here
Спасибо дизайнеру за приятную картинку.
5 минут отдохнул на работе.
5 минут отдохнул на работе.
0
при большом разрешении после перезагрузки страницы фон уползает вверх FF 3.0.6, Linux, 1920x1200
0
Пару лет назад заглушку себе на сайт набросал. Небо — вертикальный и горизонтальный полупрозрачный градиент, наложенные один на другой. Сверху слой с травой, а ещё выше контент.
apostolstudio.com
Просьба к коду не придираться. Там всё было на скорую руку набросано, но так и не было доделано по причине отсутствия надобности в сайте.
apostolstudio.com
Просьба к коду не придираться. Там всё было на скорую руку набросано, но так и не было доделано по причине отсутствия надобности в сайте.
0
>>нам необходимо будет поиграться с абсолютным позиционирование.
пропущена последняя «м».
>>Буду рад если кому то пригодиться
ужас! две ошибки в таком коротком предложении! (хрен с ней, с точкой, это без нее две ошибки).
пропущена последняя «м».
>>Буду рад если кому то пригодиться
ужас! две ошибки в таком коротком предложении! (хрен с ней, с точкой, это без нее две ошибки).
0
ппц, надо было столько городить.
делаешь картинку квадратной, указываешь только ширину — высота автоматически подстраивается под ширину, следовательно 100% и она будет тянуться как надо.
всеми вами нелюбимая студия применила это ещё в 2005-ом: www.queengroup.ru/
делаешь картинку квадратной, указываешь только ширину — высота автоматически подстраивается под ширину, следовательно 100% и она будет тянуться как надо.
всеми вами нелюбимая студия применила это ещё в 2005-ом: www.queengroup.ru/
0
Насколько знаю, браузеры масштабируют картинки методом nearest pixel, выглядит ужасно.
0
При маленьком размере окна — футер подкладывается под контент :(
0
спасибо, пригодилось! немного видоизменил и у меня на фоне отображается теперь пропорциональное изображение на всю рабочую область, но вот непонятно почему в хроме не захотело работать и пришлось писать костыль :(
0
Радует что статья пригодилась через 2 года )))
0
Я ее использовал и после ее публикации, но дизайнеры с заморочками попадаются не так часто и вчера попался такой и вернулся к этой статье.
Можете подсказать почему в Хроме выпендривается такая (модернизированная) конструкция? сайт ddd.sumy.ua
Сейчас там стоит заглушка, но как по мне это не вариант.
Можете подсказать почему в Хроме выпендривается такая (модернизированная) конструкция? сайт ddd.sumy.ua
Сейчас там стоит заглушка, но как по мне это не вариант.
0
Sign up to leave a comment.
Масштабируемая картинка на фоне сайта