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



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

#1 Agriiii
Agriiii
  • Неактивные
  • 378 сообщений
  • Репутация: 40
0

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

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

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

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

 

 

  • 0

#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


× Быстрый вопрос
Пользователь месяца
Rodiola Rodiola 1-й за Август
Очков активности: 1 552 3 темы, 106 сообщений, 9 баллов репутации
Сайт: rukodelkovo.ru
ТОП самых активных за этот месяц
  • Фотография MattCutts
    #1

    MattCutts (dmitrylee.ru)
    Очков активности: 480 5 тем, 65 сообщений, 4 балла репутации

  • Фотография Андрей WPM
    #2

    Андрей WPM (wpmaster.kz)
    Очков активности: 378 Вне конкурса за определение пользователя месяца

  • Фотография Chaser
    #3

    Chaser (majento.ru)
    Очков активности: 33 1 тема, 8 сообщений, 2 балла репутации

  • Фотография lena220678
    #4

    lena220678
    Очков активности: 33 1 тема, 19 сообщений, 1 балл репутации

  • Фотография BLIK
    #5

    BLIK
    Очков активности: 27 0 тем, 18 сообщений, 1 балл репутации

  • Фотография Rodiola
    #6

    Rodiola (rukodelkovo.ru)
    Очков активности: 18 Вне конкурса за определение пользователя месяца

  • Фотография Constantine
    #7

    Constantine (constantine.video.blog)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография Megoydagi
    #8

    Megoydagi (24ho.ru)
    Очков активности: 16.5 1 тема, 8 сообщений, 1 балл репутации

  • Фотография NataliaAntalia
    #9

    NataliaAntalia (zdorovemedicina.ru)
    Очков активности: 13.5 0 тем, 9 сообщений, 1 балл репутации

  • Фотография IxMaster
    #10

    IxMaster (site.ru)
    Очков активности: 12 2 темы, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 27.08.2019
  • Яндекс выдача: 15.09.2019
Топ 5 участников по репутации

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