Форум программистов, компьютерный форум, киберфорум
Наши страницы
Web-дизайн
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/8: Рейтинг темы: голосов - 8, средняя оценка - 5.00
Itachi261092
Веб-Разработчик
82 / 82 / 9
Регистрация: 23.01.2012
Сообщений: 701
1

Как правильно нарезать изображение для шапки сайта?

21.12.2012, 12:02. Просмотров 1473. Ответов 6
Метки нет (Все метки)

Проблема в следующем - я новичок в этом деле, и я не понимаю по какому принципу обрезают изображения для шапки. Вот например когда градиент и т.п., я вырезаю полоску нужной высоты и толщиной в 1 пиксель, размеры фантастически маленькие, и при вёрстке изображение ничем не отличается от вида шаблона в фотошопе. очень удобно. НО
Когда нужно вставить именно какую то графику, у меня ступор.
Прилагаю картинку. до меня её уже немного нарезали и подправили (оригинала у меня пока нету. только эта, и полный шаблон PSD, который выложить не могу - он авторский)

Задача в следующем - в центре сайта будет рабочий блок шириной 960 пикселей и высотой 400 (указано 407 потому что мне так нужно). центральное изображение с камерой должно находиться в центре этого рабочего блока, а края должны автоматически заполняться до упора, то есть по максимальной ширине страницы, в зависимости от резмеров монитора. и проблема моя заключается в том, что это заполнение у меня отображается криво - видны стыки при наложении картинок. кто подскажет в чём моя проблема и как это исправить?

В архиве исходник, а .jpg - это то что я из него нарезал для добавления на сайт. "21-12-2012 11-57-42.jpg" это то как выглядит на сайте. красные стрелки указывают на стыки которые меня беспокоят. а жёлтые - не обращайте на это внимания. так нужно. это сделано специально
0
Миниатюры
Как правильно нарезать изображение для шапки сайта?   Как правильно нарезать изображение для шапки сайта?   Как правильно нарезать изображение для шапки сайта?  

Как правильно нарезать изображение для шапки сайта?  
Вложения
Тип файла: 7z cover.7z (1.71 Мб, 8 просмотров)
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
21.12.2012, 12:02
Ответы с готовыми решениями:

Как нарезать диск правильно
Такая проблема... взял у друга диск с Windows 7 установить себе. Как обычно вставил диск в привод...

Вёрстка шапки для сайта
Здравствуйте! Не так давно начал увлекаться HTML. И вот встала такая задача. Никак не могу написать...

Верстка шапки для сайта
Помогите сверстать шапку для сайта при помощи div 1 div логотип 2 div название сайта 3 div поиск...

Вёрстка скошенного фона для шапки сайта
Подскажите плз как сделать фон для шапки сайта как на картинке? У меня фон не выходит за...

Подкоректируйте код для шапки сайта! Заранее спасибо
Подскажите как вставить шапку в HTML и CSS Ширина и высота нашей шапки 973x249 pading:0;...

6
Wildrunner
9 / 9 / 0
Регистрация: 14.12.2012
Сообщений: 138
Записей в блоге: 1
21.12.2012, 12:41 2
чтобы небыло стыков надо плотно потрудится(из фото маловероятно в графике проще намного) !
мой совет выбрать задний фон под цвет изображения, в фш края подтереть ластиком с роспылением и так они хоть как то сливатся будут...
1
Itachi261092
Веб-Разработчик
82 / 82 / 9
Регистрация: 23.01.2012
Сообщений: 701
21.12.2012, 13:18  [ТС] 3
Цитата Сообщение от Wildrunner Посмотреть сообщение
чтобы небыло стыков надо плотно потрудится
спасибо. я решил проблему иначе. вырезал изображение по всей ширине и задал бэкграундом. нормально выглядит
0
Wow4ig
4 / 4 / 0
Регистрация: 19.07.2012
Сообщений: 12
21.12.2012, 13:45 4
Цитата Сообщение от Itachi261092 Посмотреть сообщение
спасибо. я решил проблему иначе. вырезал изображение по всей ширине и задал бэкграундом. нормально выглядит
А как же масштабирование страницы (например при просмотре на больших мониторах)? У меня просто есть такая же проблема, шапка задана беграундом (цельная картинка нужного размера), при просмотре на большом мониторе она не растягивается, и это как-то не очень выглядит...((
0
Itachi261092
Веб-Разработчик
82 / 82 / 9
Регистрация: 23.01.2012
Сообщений: 701
21.12.2012, 14:43  [ТС] 5
Цитата Сообщение от Wow4ig Посмотреть сообщение
А как же масштабирование страницы
ширина фона 1920 пикселей. если кто то откроет на большем разрешении, фон просто повторится сначала. но пользователей с таким разрешением монитора очень мало =)
0
Wow4ig
4 / 4 / 0
Регистрация: 19.07.2012
Сообщений: 12
21.12.2012, 17:50 6
Цитата Сообщение от Itachi261092 Посмотреть сообщение
ширина фона 1920 пикселей
Ага, даже так...)))) Но тут тоже есть один нюанс, если я вас правильно понял, то у вас в этом случае должна появиться горизонтальная полоса прокрутки, при ширине экрана меньше 1920. А это не есть хорошо с точки зрения профессиональной вертки (ну типа "без лишних прокруток" и т.п.) это даже не исключительно мое мнение (встречал в видео-уроках) но я с этим полностью согласен. )))
0
Itachi261092
Веб-Разработчик
82 / 82 / 9
Регистрация: 23.01.2012
Сообщений: 701
25.12.2012, 13:48  [ТС] 7
Цитата Сообщение от Wow4ig Посмотреть сообщение
должна появиться горизонтальная полоса прокрутки
нет. не должна. фон задаётся не картинкой а бэкграундом. без всяких дополнительных параметров
0
25.12.2012, 13:48
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.12.2012, 13:48

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как генерировать фоновое изображение для сайта?
Добрый день. У меня на сайте такая фоновая картинка. Хочу сделать чтобы эти квадратики при...

Как убрать картинку из шапки чужого сайта
Собственно, хочу, чтобы не отображалась картинка в шапке не моего сайта. В Opera можно поставить...

Делаю бесплатно GIF баннеры шапки для сайта логотипы и другие графические изделия
Делаю бесплатно за + отзыв и только для сайтов несложные GIF баннеры шапки для сайта логотипы ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.