Как рассчитывают до каждой точки?

Попробую объяснить то, что хочу узнать, возьмем к примеру эту работу http://www.revision.ru/work/38273/

Каким образом сделали фон так ровно, что если взять к примеру левый верхний и правый нижний угол фона, они симметрично заканчиваются. Это вручную делалось или может есть какой-то способ? Часто видел в работах хороших дизайнерах такой симметрично заканчивающийся паттерн.

Комментарии пользователей

drbelkin

максимум что ты можешь подсчитать это только первую страницу без скрола с учетом размера моника, подругому никак...

Rulech

elightshow, drbelkin, спасибо большое, а то я раньше парился всегда на фоне старался всё до каждой точки выровнить

Kurilshik

создание большого фона (1920 по ширине) и его центрация background:top center no-repeat;

elane

я думаю и такой вариант прокатит: задать симметричный паттерн, а затем его повторять по x и y (background-repeat:repeat;), задавая позиционирование фона от центра (background-position:50% 50%;)

gex
gex

создание большого фона (1920 по ширине) и его центрация background:top center no-repeat;
С dial up - уснут все )))))

Rulech

создание большого фона (1920 по ширине) и его центрация background:top center no-repeat;
ничего не понял :)

Shustry

[quote="Kurilshik"]создание большого фона (1920 по ширине) и его центрация background:top center no-repeat;
С dial up - уснут все )))))[/quote] В png повторяющиеся элементы практически не повлияют на размер. На вскидку, фон из примера в FullHD размере будет весит кило 10 от силы. Я при вёрстке делаю спрайты 2000x3000 пикселей и весом до 20 кило. Никто не вешаецо ;)

gex
gex

[quote="Kurilshik"]создание большого фона (1920 по ширине) и его центрация background:top center no-repeat;
ничего не понял :)[/quote] Создаешь картинку шириной 1920 px и центрируешь ее на верху и по центру без повторений при верстке.

gex
gex

[quote="Kurilshik"]создание большого фона (1920 по ширине) и его центрация background:top center no-repeat;
ничего не понял :)[/quote] Создаешь картинку шириной 1920 px и фиксируешь ее на верху и по центру без повторений при верстке.

gex
gex

[quote="gex"][quote="Kurilshik"]создание большого фона (1920 по ширине) и его центрация background:top center no-repeat;
С dial up - уснут все )))))[/quote] В png повторяющиеся элементы практически не повлияют на размер. На вскидку, фон из примера в FullHD размере будет весит кило 10 от силы. Я при вёрстке делаю спрайты 2000x3000 пикселей и весом до 20 кило. Никто не вешаецо ;)[/quote] Если с повторяющимися элементами то согласен )

Kurilshik

С dial up - уснут все )))))
Я в своих сайтах не поддерживаю вес картинок с 2006 года. 21 век друзья)

Kurilshik

то есть 300 кб, или 350-450кб - роли никакой не играет, подавляющее большинство загрузит сайт практически мнговенно

bridge2web

тут основной фон картинки 15х15px повторяющейся достаточно остальное полупрозрачными png сверху, если без png обходится, то отцентрировать по центру главный фон, а отсальные элементы подгонять, что бы в этот фон попасть в общем дизайнер «Пой, птичка, пой!» :)) а верстальщик все сверстает (в пределах разумного конечно)

Rulech

[quote="Rulech"][quote="Kurilshik"]создание большого фона (1920 по ширине) и его центрация background:top center no-repeat;
ничего не понял :)[/quote] Создаешь картинку шириной 1920 px и центрируешь ее на верху и по центру без повторений при верстке.[/quote]а каким образом центрировать? вручную?

Shustry

а каким образом центрировать? вручную?
1. Создаёшь и завёрстываешь фоном к тому же body пикчер 15х15. в ксс пишешь background: url... center 0 repeat; 2. Делаешь принтскрин и подкладываешь фоном под те элементы, где нужна прозрачность. На те же закругления блоков. Всё.

Rulech

Нее, мне надо без верстки, я верстать не умею и не хочу уметь :)

Shustry

Нее, мне надо без верстки, я верстать не умею и не хочу уметь :)
Способ 2 (без вёрстки) :) : 1. Делаешь слой на n-надцать пикселей больше границ макета во всех направлениях и заливаешь его своим патерном; 2. Стрелочками клавы попиксельно двигаешь его пока не достигнешь симметрии и дзена :)))

Rulech

[quote="Rulech"]Нее, мне надо без верстки, я верстать не умею и не хочу уметь :)
Способ 2 (без вёрстки) :) : 1. Делаешь слой на n-надцать пикселей больше границ макета во всех направлениях и заливаешь его своим патерном; 2. Стрелочками клавы попиксельно двигаешь его пока не достигнешь симметрии и дзена :)))[/quote] :) ну это я умею, я думал можно нажать волшебную кнопку, чтобы получилось "пиздато" :P

Kurilshik

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

speedy

[quote="Rulech"]Нее, мне надо без верстки, я верстать не умею и не хочу уметь
не понимая того, как будет создаваться сайт, невозможно нарисовать дизайн. Здесь помочь нельзя вам, к сожалению :)[/quote] +100 Элементар надо знать. Хотя бы базовые принципы верстки. Иначе верстальщик вас встретит морозным вечером и никто вас больше не найдет =))))

Rulech

базовые принципы верстки я понимаю, но не верстаю

Kurilshik

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

Rulech

спасибо, посмотрю :)

SolnceWeb

Нее, мне надо без верстки, я верстать не умею и не хочу уметь
без элементарных знаний верстки никак не стать ВЕБ-дизайнером, можно быть каким угодно дизайнером без знаний верстки (минимальных).

Rulech

[quote="Rulech"]Нее, мне надо без верстки, я верстать не умею и не хочу уметь
без элементарных знаний верстки никак не стать ВЕБ-дизайнером, можно быть каким угодно дизайнером без знаний верстки (минимальных).[/quote] еще раз повторяю, что базовые принципы верстки я знаю, но верстать не умею, может быть что-то упустил, задавая этот вопрос или нетак выразился