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



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

#1

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



aleshqa

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

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

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

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. HTML+ CSS верстка за спасибо!
  2. Растягивание фона во всю ширину браузера (резиновый фон)
  3. Мягкая тень по краям фона сайта
  4. Верстаем горизонтальное меню по мотивам MasterWEBS
  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