Помогите с макетом

[CroaToa]

Хочу сверстать этот макет http://htmlforum.ru/index.php?showtopic=16763

Никак не могу понять как мне скопировать облака со зданием.. Вот как бы вы разделили этот макет по слоям для верстки?

[npofopr]

поставил бы одной фоновой картинкой

[CroaToa]

  On 2/8/2014 at 4:08 PM, npofopr said:

поставил бы одной фоновой картинкой

так он весит 500кб.. я  градиент нарисовал в css что бы вес экономить)) Мне бы тока облака прозрачные и здание)

[Aleksandr.L]

Ну я вот так вот делал:

  Reveal hidden contents

 

Второй background — полоска с градиентом:

  Reveal hidden contents

[CroaToa]

  On 2/8/2014 at 4:28 PM, Aleksandr.L said:

Ну я вот так вот делал:

  Reveal hidden contents

 

Второй background — полоска с градиентом:

  Reveal hidden contents

Спасибо, попробую. А почему полоска с градиентом? А если контент увеличится, что тогда?

[Aleksandr.L]

Она "репитится" по оси х, кроме того, еще указан цвет фона.

background: url(../images/bg-3.png) no-repeat 50% 0,            url(../images/bg-1.png) repeat-x 0 0 #d5dbeb;

Edited February 8, 2014 by Aleksandr.L

[CroaToa]

  On 2/8/2014 at 4:37 PM, Aleksandr.L said:

 

Она "репититься по оси х", кроме того, еще указан цвет фона.

background: url(../images/bg-3.png) no-repeat 50% 0,            url(../images/bg-1.png) repeat-x 0 0 #d5dbeb;

Понятно, спасибо. Приступаю уже)

 

P.S. Вопрос всем. Какая по вашему мнению максимальный размер сайта? (коды+картинки). Ну что бы без особых проблем загружался.

Edited February 8, 2014 by CroaToa

[a1836g2]

  On 2/8/2014 at 4:18 PM, CroaToa said:

так он весит 500кб.. я  градиент нарисовал в css что бы вес экономить)) Мне бы тока облака прозрачные и здание)

попробуй выбрать другой формат, размер изображения может уменьшится в разы а качество при этом не ухудшится