Перейти к содержимому



Мягкая тень по краям фона сайта

#1 Agriiii

Agriiii
  • Пользователь
  • 378 сообщений
  • Репутация: 40
0

Отправлено 11 Август 2012 - 18:01

Вопрос состоит как сделать следующее:

Есть текстура, тайленая. Она идёт на фон, повторяется. Есть посередине блок с контентом. Чтоб подчеркнуть этот контент область вокруг блока (посередине) должна быть светлее, а по бокам фон должен темнеть. Как это сделать?

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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Дублирование фона при большом количестве текста
  2. Как наложить картинку на фон?
  3. Верстаем горизонтальное меню по мотивам MasterWEBS
  4. Как сделать фоновое изображение по центру экрана.
  5. Установка прозрачного background

#2 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 11 Август 2012 - 19:38

возможно это будет интересно http://htmlbook.ru/css/text-shadow
  • 0

#3 Agriiii

Agriiii
    Topic Starter
  • Пользователь
  • 378 сообщений
  • Репутация: 40

Отправлено 11 Август 2012 - 20:06

Затемнение относится к фону сайта, а не вокруг текста. Это явно не то.
  • 0

#4 Agriiii

Agriiii
    Topic Starter
  • Пользователь
  • 378 сообщений
  • Репутация: 40

Отправлено 11 Август 2012 - 20:23

Как возможный способ, что-то такое:
Изображение

Было бы идеально, если б можно было затенять фон вовнутрь средствами CSS.
  • 0

#5 surfer

surfer
  • Заблокированные
  • 1 956 сообщений
  • Репутация: 71

Отправлено 11 Август 2012 - 20:55

это затемнение можно применять к чему угодно
судя по скринам тебе полезно позиционирование http://htmlbook.ru/css/position
  • 0


Оформление форума – IPBSkins.ru