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



Помогите с тянущимся фоном

#1

Поделиться сообщением #1



aleshqa

aleshqa
  • Неактивные
  • 7 сообщений
  • Репутация: 0
0

Отправлено 16 Июнь 2010 - 06:05

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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Помогите вставить фон в элемент страницы
  2. Repeat картинки фона по "y" в вертикальном сайт баре
  3. Растягивание фона во всю ширину браузера (резиновый фон)
  4. Мягкая тень по краям фона сайта
  5. Не получается сделать, чтобы фон повторялся, а не растягивался

#2

Поделиться сообщением #2



ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 17 Июнь 2010 - 16:14

aleshqa, что понимается под разными границами верхней и нижней части...
У вас повторяется перевернутый треугольник, что вам мешает сделать так:
1) Вырезать одну горизонтальную линию этих треугольников
2) Затем просто сделать повторение фона как по горизонтали так и по вертикали.

Всё это можно сделать, зная html и css.
  • 0

#3

Поделиться сообщением #3



aleshqa

aleshqa
    Topic Starter
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 18 Июнь 2010 - 06:20

aleshqa, что понимается под разными границами верхней и нижней части...
У вас повторяется перевернутый треугольник, что вам мешает сделать так:
1) Вырезать одну горизонтальную линию этих треугольников
2) Затем просто сделать повторение фона как по горизонтали так и по вертикали.

Всё это можно сделать, зная html и css.

я говорю именно про границы фона.
на изображении ниже я специально наложил часть моего фона на черный фон, чтобы были отчетливо видны границы
Изображение
  • 0

#4

Поделиться сообщением #4



aleshqa

aleshqa
    Topic Starter
  • Неактивные
  • 7 сообщений
  • Репутация: 0

Отправлено 19 Июнь 2010 - 06:18

что, никто не знает? :rolleyes:
  • 0

#5

Поделиться сообщением #5



surfer

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

Отправлено 19 Июнь 2010 - 09:38

так в чем проблема?
  • 0

#6

Поделиться сообщением #6



ZiTosS

ZiTosS
  • Неактивные
  • 5 148 сообщений
  • Репутация: 8

Отправлено 19 Июнь 2010 - 16:27

aleshqa, А кто вам мешает поместить всё это в 2 контейнера, один будет отвечать за вашу рамку, а второй который находится внутри будет с повторяющимся фоном. Не вижу ничего проблематичного. Не пойму просто зачем вам подобное, ведь эти переходы практически не видны, или у вас подложка темным фоном?
Вообщем, проблема будет только заключаться в согласовании повторений по вертикали, ведь они, как я понял, у вас определяются внутренним содержимым. Хотя ваша текстура настолько однотонная, что подобные переходы практически не будут заметны.
  • 0

#7

Поделиться сообщением #7



surfer

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

Отправлено 19 Июнь 2010 - 16:29

можно мега большую картинку сделать и все
  • 0

#8

Поделиться сообщением #8



lastomar

lastomar
  • Неактивные
  • 28 сообщений
  • Репутация: 0

Отправлено 20 Июль 2010 - 16:41

можно мега большую картинку сделать и все

ин де факто делаем два изображения. Используя css перекрываем одно другим. Чертим круги, танцуем с бубном и вуаля.
  • 0

#9

Поделиться сообщением #9



Symphony

Symphony
  • Пользователь
  • 636 сообщений
  • Репутация: 54

Отправлено 20 Август 2010 - 17:52

aleshqa, решили проблему? в фотошопе ривовать умеете? нарисуйте конечный результат, а мы вам сверстаем.
  • 0


robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


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