Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Изменение цветов в фоне с помощью CSS

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Scilur
Отправлено: 24 Мая, 2010 - 05:57:42
Post Id


Новичок


Покинул форум
Сообщений всего: 7
Дата рег-ции: Март 2010  


Помог: 0 раз(а)




Нужно сделать фон, как показано на рисунке.
http://ipicture[dot]ru/upload/100524/i1DOSS79PR[dot]png
Ширина страницы заранее неизвестна. Какие есть варианты?
 
 Top
AdMeen
Отправлено: 24 Мая, 2010 - 07:24:06
Post Id



Посетитель


Покинул форум
Сообщений всего: 370
Дата рег-ции: Сент. 2009  
Откуда: Воронеж


Помог: 1 раз(а)




Scilur пишет:
Нужно сделать фон, как показано на рисунке.
http://ipicture[dot]ru/upload/100524/i1DOSS79PR[dot]png
Ширина страницы заранее неизвестна. Какие есть варианты?


background-repeat:repeat-x;
 
 Top
Scilur
Отправлено: 24 Мая, 2010 - 08:04:15
Post Id


Новичок


Покинул форум
Сообщений всего: 7
Дата рег-ции: Март 2010  


Помог: 0 раз(а)




Задача:
1) сделать фон страницы
2) цвет изменяется сверху вниз (от более светлого к более темному)
3) Цвета известны
4) ширина страницы заранее неизвестна, поэтому сделать фон из нарисованного рисунка не получится.

AdMeen пишет:
background-repeat:repeat-x;


Я так понимаю, Вы имеете ввиду, что можно было бы сделать следующим образом:
взять фрагмент из одного цвета и растянуть на всю ширину страницы, затем берется фрагмент следующего цвета, смещаем его координаты на ширину предыдущего цвета и также растягивается на всю страницу и т.д. Получилось бы как на указанной выше картинке. Это вполне было бы возможно, если бы была известна ширина всей страницы заранее. Но она неизвестна.

Надеюсь, что мне удалось описать суть проблемы.

(Отредактировано автором: 24 Мая, 2010 - 08:05:16)

 
 Top
AdMeen
Отправлено: 24 Мая, 2010 - 08:07:51
Post Id



Посетитель


Покинул форум
Сообщений всего: 370
Дата рег-ции: Сент. 2009  
Откуда: Воронеж


Помог: 1 раз(а)




Scilur пишет:

...


какой ужас, а взять полоску градиентного цвета и размножить её по оси х? Никак?
 
 Top
Scilur
Отправлено: 24 Мая, 2010 - 10:18:22
Post Id


Новичок


Покинул форум
Сообщений всего: 7
Дата рег-ции: Март 2010  


Помог: 0 раз(а)




AdMeen пишет:

какой ужас, а взять полоску градиентного цвета и размножить её по оси х? Никак?

Можете поподробней рассказать?
 
 Top
alexspb
Отправлено: 24 Мая, 2010 - 10:31:24
Post Id


Посетитель


Покинул форум
Сообщений всего: 260
Дата рег-ции: Май 2010  


Помог: 0 раз(а)




Scilur, вам просто надо поближе познакомиться с CSS


-----
Хостинг - неограниченно доменов на одну папку
Ajax - отличное введение
 
 Top
JustUserR
Отправлено: 24 Мая, 2010 - 16:03:43
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




Scilur пишет:
Получилось бы как на указанной выше картинке. Это вполне было бы возможно, если бы была известна ширина всей страницы заранее. Но она неизвестна.
Если ваш фон градиентно изменяется по одному из измерений а по второму остается постоянным то действительно можете использовать свойства повтора background-repeat - причем размер подложки для произвольной ширины будет 1xN px где N это фиксировання высота блока
Если же вам нужен подбор фона в зависииости от размера окна браузера - то можете сделать это средствами JS например указать соответствующей выражение в свойстве expression


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB