|
Главная | Правила | Регистрация | Дневники | Справка | Пользователи | Календарь | Поиск | Сообщения за день | Все разделы прочитаны |
|
Опции темы | Опции просмотра |
23.11.2012, 17:00 | #1 (permalink) |
Banned
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
|
Нужна помощь по фотошопу
необходимо разрезать его на три части для того, чтобы вставить в HTML страницу. средняя часть должна быть одного цвета, но правая часть левого куска и левая часть правого куска, должны гармонично вписываться в нее. тоесть надо сделать градиент с переходом в один цвет. Два крайних куска будут статичными, а средний будет менять размеры пропорционально странице. Кто может сделать? А еще лучше - научите! Подозреваю, что это должно быть не оч сложно (установлен фотошоп7) спасибо! ЗЫ картинка оригинал и то что получилось, если вставить 3 куска без обработки Последний раз редактировалось -ЗЛОЙ-; 23.11.2012 в 17:06 |
23.11.2012, 17:00 | |
Helpmaster
Member
Регистрация: 08.03.2016
Сообщений: 0
|
Содержание вашей темы довольно часто встречалось и ранее нужна помощь Нужна помощь Нужна помощь |
23.11.2012, 20:08 | #2 (permalink) |
Member
Регистрация: 26.01.2012
Сообщений: 1,292
Сказал(а) спасибо: 0
Поблагодарили 7 раз(а) в 2 сообщениях
Репутация: 6690
|
Честно говоря не понял что Вам нужно, но...
Я "режу" картинки из оригинала с помощью инструмента "раскройка". В случае если страница сайта написана правильно и нет разделов(бордюров, пробелов, лишних секторов или колонок, ячеек)между секторами, то картинка, внедряемая в страницу, ни чем не отличается от оригинала. А те места которые Вы делаете "резиновыми", не влияют на градиент.(правда если Вы "нарежете" куски изображения правильно). |
23.11.2012, 21:58 | #4 (permalink) |
Banned
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
|
вот именно эти три куска я вставляю в страницу средний - резиновый и когда я масштабирую страницу, то получаются вертикальные полоски (см вторую картинку)
Поэтому перед кройкой надо свести переход в один цвет, который будет на среднем рисунке. В связи с этим, ширина его может составлять всего 1 пиксель. ЗЫ битность настроек монитора не влияет... |
23.11.2012, 22:10 | #5 (permalink) |
Любитель
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
|
Пропишите для среднеё картинки класс CSS
например картинка в в фоне вставляется так: <img src="путь">, а с классом будет так <img src="путь" class="img(или любое название"> Далее пишем <style> .img { -moz-background-size: cover; /* Firefox до 4.0 */ -webkit-background-size: cover; /* Safari и Chrome */ -o-background-size: cover; /* Opera до версии 10.53 */ background-size: cover; /* CSS3 */} А лучше сделать так: всю картинку(не разрезая) установить вот так: body { background: url(Картинка.jpg) center center fixed no-repeat; -moz-background-size: cover; /* Firefox до 4.0 */ -webkit-background-size: cover; /* Safari и Chrome */ -o-background-size: cover; /* Opera до версии 10.53 */ background-size: cover; /* CSS3 */ } |
Ads | |
Member
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
|
23.11.2012, 22:34 | #6 (permalink) |
Banned
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
|
во первых с HTML не оч дружу, а с CSS и подавно...
во вторых это не чистой воды страница на html - это страничка на "левом" ресурсе, где теги и их расширения ограничены... надо как-то попроще... |
23.11.2012, 23:56 | #7 (permalink) |
4846АМ
Регистрация: 07.05.2010
Сообщений: 1,941
Записей в дневнике: 22
Сказал(а) спасибо: 3
Поблагодарили 4 раз(а) в 3 сообщениях
Репутация: 7564
|
сделать среднюю картинку много длиннее и тогда при смене масштаба она не будет дублироваться.
примерно как на картинке
__________________
Человек будет свободен до тех пор, пока дважды два равно четырем |
24.11.2012, 01:57 | #8 (permalink) | |
Любитель
Регистрация: 19.01.2011
Сообщений: 4,792
Записей в дневнике: 6
Сказал(а) спасибо: 105
Поблагодарили 28 раз(а) в 10 сообщениях
Репутация: 13067
|
Цитата:
CSS это теги для браузера, а html там только изображение |
|
28.11.2012, 16:10 | #9 (permalink) |
Banned
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
|
мне нужно, чтобы она растягивалась и при этом качество не менялось... тут мысль в голову пришла! среднюю картинку вообще уберу, а оставлю только зеленый (однотонный) фон, а боковые картинки с помощью -градиента- в фотошопе "сведу" на этот цвет. В теории все просто - осталось научиться на практике
если там и есть поддержка css, то только внутри тела. Там все сделано "для людей": "левые" теги убираются автоматом и все пробелы и переносы убираются... короче мозги плавятся... надо попроще... |
04.12.2012, 19:01 | #10 (permalink) |
Banned
Регистрация: 04.10.2010
Сообщений: 3,765
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 2154
|
разобрался кажись... с помощью градиента в фотошопе сделал плавный переход:
ниже две картинки и фон по центру |
Ads | |
Member
Регистрация: 31.10.2006
Сообщений: 40200
Записей в дневнике: 0
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Репутация: 55070
|
Опции темы | |
Опции просмотра | |
|
|