Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: градиент фона у ячейки
 
 автор: technic611   (12.01.2011 в 13:21)   письмо автору
 
 

можна как нибудь сделать градиент фона в ячейке таблцы ли div?

  Ответить  
 
 автор: cheops   (12.01.2011 в 13:57)   письмо автору
 
   для: technic611   (12.01.2011 в 13:21)
 

Режте градиентную картинку таким образом, чтобы она была вытянута по вертикали (если градиент вертикальный) или по горизонтали (если градиент горизонтальный). При этом ширину оставляйте 1px. Далее транслируйте ее при помощи repeat-x или repeat-y свойства background. Например
<div style='background: url(bg.jpg) repeat-x;'></div>

  Ответить  
 
 автор: flaers   (12.01.2011 в 17:45)   письмо автору
 
   для: cheops   (12.01.2011 в 13:57)
 

http://handynotes.ru/2010/02/css3-gradient.html
работает только с новыми браузерами

  Ответить  
 
 автор: technic611   (12.01.2011 в 17:58)   письмо автору
 
   для: flaers   (12.01.2011 в 17:45)
 

спасибо, попробую

  Ответить  
 
 автор: technic611   (12.01.2011 в 17:59)   письмо автору
 
   для: cheops   (12.01.2011 в 13:57)
 

не очень понял как нужно разрезать картинку, она в ширине 1024px. градиент от черного к серому и где конкретно резать

  Ответить  
 
 автор: cheops   (12.01.2011 в 18:05)   письмо автору
 
   для: technic611   (12.01.2011 в 17:59)
 

Это зависит от того вертикальный градиент (сверху вниз) или горизонтальный (справа налево). В новом фотошопе имеется даже специальный инструмент, который позволяет выделить изображение толщиной 1px во всю длину изображения. В общем нужно сделать так, чтобы все цвета на картинке остались, но новое изображение было толщиной в 1px. Суть этих манипуляций - уменьшить размер изображения. Если это не критично - можно целую картинку в запесочить (правда пользователям может быть тяжеловато её тащить).

  Ответить  
 
 автор: technic611   (12.01.2011 в 18:27)   письмо автору
 
   для: cheops   (12.01.2011 в 18:05)
 

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

  Ответить  
 
 автор: cheops   (12.01.2011 в 18:31)   письмо автору
 
   для: technic611   (12.01.2011 в 18:27)
 

В CS-версиях этот инструмент сгруппирован с "Прямоугольная область" (пунктирный квадратик, второй сверху на панели инструментов). Щелкните на нём правой кнопкой мыши "Область (горизонтальная строка)" или "Область (вертикальная строка)" - в зависимости от того, какой у вас градиент.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования