Версия для печати темы
Нажмите сюда для просмотра этой темы в обычном формате
Форум о web-дизайне, графике - RusForumz _ Web-дизайн _ Градиент на фоне
Автор: pompa 23.4.2006, 18:52
У меня такой вопрос: как можно сделать на фоне сайта градиент, например с белого на серый, с самой верхушки страницы до самого низа? как на сайте:macromedia.com
только чтобы это рисовал ьроузер или картинку только чтобы было больше градаций
Я пробывал сохранять в фотошопе(даже с большим разрешением) все равно получается мало градаций
Автор: crazy 23.4.2006, 23:34
в фотошопе при помощи инструмента "градиент" делаешь картинку шириной 1 пиксел и высотой какая потребуется..
на страничку это резмещаешь как фон. вродебы так, или я не понял вопрос )
Автор: nikitar 24.4.2006, 0:32
Чтобы было больше градаций нужно сделать его больше в длину.
И провести инструментом "градиент" по всей высоте.
Автор: sander 5.7.2006, 12:42
При использовании растровой графики страничка при большом разрешении будет выглядеть в клеточку. Здесь нужен скрипт, и раз уж придумали его в Макромедии то у них и нужно смотреть в первую очередь, и дальше модифицировать.
Ссылка: http://www.adobe.com/devnet/contribute/articles/css_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
Да, градиент есть, но ГОРИЗОНТАЛЬНЫЙ и его плохо видно, а, чуть не забыл, работает он только в интернет експлорере... И хотелось бы узнать, как расшифровать код цвета '#ffeeeedd'? Где тут красный, где - зелёный и где синий?? Насчёт #ddc - понятно, та же веб-кодировка, только вместо двух букв, каждый цвет одной обозначен, но кол-во знаков '#ffeeeedd' даже на 3 не делится...
Кстать, если вместо gradienttype=1 набрать gradienttype=0, то градиент будет вертикальным, параметры border-top:2px solid #ddc чтоб линии не было мохно опустить, а вместо H1 - BODY набрать.
ЗЫ. Сделал в фотошопе полоску 1х2500 пикс, весит 12 кило с небольшим, в принципе, не так уж и много для бзкграунда... А нельзя бэкграунд как-нибудь "растянуть"? А то так вот неплохо было бы, но, похоже ни в HTML, ни в CSS это не предусмотрено, мож есть в природе скрипт какой...
Автор: Eriko 15.5.2008, 11:27
Советую сделать градиент только наверху, а снизу пусть будет просто продолжение из одного цвета, вставь из фотошопа цвет в HTML чтоб такой же был и все 
Автор: Надежда 16.5.2008, 10:57
А я хотела сделать градиент смешанный с картинкой:
http://axis-rock.narod.ru/ (внизу гитара).
Долго мучалась, хотела сделать побольше градиента и поменьше веса странички. Пришла к тому, что вы видите. Хотелась как бы отблески от гитары продолжить дальше на страницу, но при этом не делать слишком большую картинку. При этом я старалась сделать резиновый дизайн.
Фон я хотела сделать из градиента, как обсуждали выше, т.е. сделать длинную вертикальную полоску. Но мне нужен градиент только с одной стороны, с другой - уже не нужно.
Здесь я так понимаю нужно подольше посидеть помучаться и проявить творческую фантазию. Может воспользоваться скриптом? Этого я пока не успела попробовать.
И еще: на некоторых мониторах не видно, что гитара - это отдельная картинка, но сейчас я на работе и решила посмотреть, как выглядит сайт на рабочем мониторе и вообщем - видно, что рисунок "живет немного отдельной жизнью" от фона. Есть вариант, как с этим бороться?
Русская версия Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)