На этом месте находится расчудесная шапка. Включите flash - не пожалеете!

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в эту темуОткрыть новую тему
> Градиент на фоне
pompa
сообщение 23.4.2006, 18:52
Сообщение #1


Только зарегистрировавшийся


Группа: Пользователи
Сообщений: 2
Регистрация: 23.4.2006

Пользователь №: 144



Репутация:   0  


У меня такой вопрос: как можно сделать на фоне сайта градиент, например с белого на серый, с самой верхушки страницы до самого низа? как на сайте:macromedia.com
только чтобы это рисовал ьроузер или картинку только чтобы было больше градаций
Я пробывал сохранять в фотошопе(даже с большим разрешением) все равно получается мало градаций
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
crazy
сообщение 23.4.2006, 23:34
Сообщение #2


Житель
***

Группа: Пользователи
Сообщений: 344
Регистрация: 10.1.2006
Из: Saint-Petersburg

Пользователь №: 25



Репутация:   6  


в фотошопе при помощи инструмента "градиент" делаешь картинку шириной 1 пиксел и высотой какая потребуется..
на страничку это резмещаешь как фон. вродебы так, или я не понял вопрос )
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
nikitar
сообщение 24.4.2006, 0:32
Сообщение #3


Мишка-Админ
*********

Группа: Главные администраторы
Сообщений: 8 794
Регистрация: 7.1.2006
Из: Санкт-Петербург

Пользователь №: 12



Репутация:   149  


Чтобы было больше градаций нужно сделать его больше в длину.
И провести инструментом "градиент" по всей высоте.


--------------------
Flash. Обучение. Портфолио - обновление 24 мая 2008 | Поговори... со мной!
Как сделать баннер, фотогалерею, слайд-шоу, mp3-плеер, видео-плеер, презентацию, flash-сайт с помощью flash?
Ваш вопрос [flash] - мой ответ [flash] - в аське. 200 рублей/час. Для связи пишите в личку.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
sander
сообщение 5.7.2006, 12:42
Сообщение #4


Только зарегистрировавшийся


Группа: Пользователи
Сообщений: 7
Регистрация: 5.7.2006

Пользователь №: 465



Репутация:   0  


При использовании растровой графики страничка при большом разрешении будет выглядеть в клеточку. Здесь нужен скрипт, и раз уж придумали его в Макромедии то у них и нужно смотреть в первую очередь, и дальше модифицировать.
Ссылка: http://www.adobe.com/devnet/contribute/art...s_headings.html
Читать: Background Gradients
Если читать не охото на английском то сразу код:
Код

h1{
   background-color:#eed;
  
   border-top:2px solid #ddc;
   filter:progid:dximagetransform.microsoft.gradient
      (gradienttype=1,startcolorstr='#ffffffff',endcolorstr='#ffeeeedd');
   width:100%;}
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Metallikus
сообщение 13.5.2008, 1:51
Сообщение #5


Только зарегистрировавшийся


Группа: Пользователи
Сообщений: 4
Регистрация: 13.5.2008

Пользователь №: 14 478



Репутация:   0  


Да, градиент есть, но ГОРИЗОНТАЛЬНЫЙ и его плохо видно, а, чуть не забыл, работает он только в интернет експлорере... И хотелось бы узнать, как расшифровать код цвета '#ffeeeedd'? Где тут красный, где - зелёный и где синий?? Насчёт #ddc - понятно, та же веб-кодировка, только вместо двух букв, каждый цвет одной обозначен, но кол-во знаков '#ffeeeedd' даже на 3 не делится...
Кстать, если вместо gradienttype=1 набрать gradienttype=0, то градиент будет вертикальным, параметры border-top:2px solid #ddc чтоб линии не было мохно опустить, а вместо H1 - BODY набрать.

ЗЫ. Сделал в фотошопе полоску 1х2500 пикс, весит 12 кило с небольшим, в принципе, не так уж и много для бзкграунда... А нельзя бэкграунд как-нибудь "растянуть"? А то так вот неплохо было бы, но, похоже ни в HTML, ни в CSS это не предусмотрено, мож есть в природе скрипт какой...


--------------------
Ася: 353067701 Я в сети с 00:00 до 7:00 по Москве
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Eriko
сообщение 15.5.2008, 11:27
Сообщение #6


Мишка-шатун #21
***

Группа: Медведи-шатуны
Сообщений: 418
Регистрация: 13.12.2007

Пользователь №: 8 189



Репутация:   4  


Советую сделать градиент только наверху, а снизу пусть будет просто продолжение из одного цвета, вставь из фотошопа цвет в HTML чтоб такой же был и все wink.gif


--------------------
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения
Надежда
сообщение 16.5.2008, 10:57
Сообщение #7


Поселенец
**

Группа: Пользователи
Сообщений: 124
Регистрация: 28.12.2006
Из: Волгоград

Пользователь №: 2 451



Репутация:   1  


А я хотела сделать градиент смешанный с картинкой:
сайт (внизу гитара).
Долго мучалась, хотела сделать побольше градиента и поменьше веса странички. Пришла к тому, что вы видите. Хотелась как бы отблески от гитары продолжить дальше на страницу, но при этом не делать слишком большую картинку. При этом я старалась сделать резиновый дизайн.

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

Здесь я так понимаю нужно подольше посидеть помучаться и проявить творческую фантазию. Может воспользоваться скриптом? Этого я пока не успела попробовать.

И еще: на некоторых мониторах не видно, что гитара - это отдельная картинка, но сейчас я на работе и решила посмотреть, как выглядит сайт на рабочем мониторе и вообщем - видно, что рисунок "живет немного отдельной жизнью" от фона. Есть вариант, как с этим бороться?


--------------------
Сайт о web-дизайне и web-программировании - Web-дизайн в Гармонии.
Пользователь в офлайнеКарточка пользователяОтправить личное сообщение
Вернуться в начало страницы
+Ответить с цитированием данного сообщения

Ответить в эту темуОткрыть новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия Сейчас: 7.10.2008, 23:25
Rambler's Top100 Яндекс цитирования