Сейчас модно делать фон картинкой у странички, которая расположена по центру
Здесь мои мысли: как сделать фон для странички которая выравнивается по центру
как сделать фон для странички которая выравнивается по центру? Это просто:
Когда все готова в Photo Shop. нужно знать размеры патернов текстуры для заднего фона.
далее делаем слайс такого размера в фотошопе и выравниваем его строго по центру и строго по верху, центр лучше искать не просто выравнивая. а так чтобы тело было размером в четное колличество пикселей, иначе браузер не сможет ровно разделить участки по полам, и по этому может быть баг размером в пиксел или два.
соблюдать надо два правила, чтобы все слайсы с фоном шли с учетом верхней границы и с учетом центра,
например для тела я делаю горизонтальную полоску во весь лист и повторяю его до самого низа, а высота этой полоски должна равняться высоте Патерна того маленького, который для прорисовки задней текстуры.
итак,
фон Body будет выравниваться по центру и по верху. так что текстура странички тоже будет совпадать и будет выравниваться по центру и по верху. ниже заголовка идет тело где будет также повторяться фон по центру и с шагом патерна.
да надеюсь понятно, что заднюю текстуру нужно также вырезать по центру и верхнего края.
FOOTER если верстаете DIVами не забывайте указывать clear:both; это необходимо завершать обтекание.
обтекание завершается и фоны например у меня это белый лист, заливка корректно завершается...
Здесь мои мысли: как сделать фон для странички которая выравнивается по центру
как сделать фон для странички которая выравнивается по центру? Это просто:
Когда все готова в Photo Shop. нужно знать размеры патернов текстуры для заднего фона.
далее делаем слайс такого размера в фотошопе и выравниваем его строго по центру и строго по верху, центр лучше искать не просто выравнивая. а так чтобы тело было размером в четное колличество пикселей, иначе браузер не сможет ровно разделить участки по полам, и по этому может быть баг размером в пиксел или два.
соблюдать надо два правила, чтобы все слайсы с фоном шли с учетом верхней границы и с учетом центра,
например для тела я делаю горизонтальную полоску во весь лист и повторяю его до самого низа, а высота этой полоски должна равняться высоте Патерна того маленького, который для прорисовки задней текстуры.
итак,
фон Body будет выравниваться по центру и по верху. так что текстура странички тоже будет совпадать и будет выравниваться по центру и по верху. ниже заголовка идет тело где будет также повторяться фон по центру и с шагом патерна.
да надеюсь понятно, что заднюю текстуру нужно также вырезать по центру и верхнего края.
FOOTER если верстаете DIVами не забывайте указывать clear:both; это необходимо завершать обтекание.
обтекание завершается и фоны например у меня это белый лист, заливка корректно завершается...
Комментарии
Отправить комментарий