Шаблон №2 — @дневники: асоциальная сеть

17:33 Шаблон №2

Меню можно поставить справа в стандартных настройках.
Промежуток между меню и блоком записи регулируется.
Примеры - №1, №2

Как это будет выглядеть

Читайте пометки между звездочками, т.е. *текст* - это мои комментарии, их из кода нужно будет удалить при установке.

*wrapper - это общая ширина контейнера, она должна быть равна по ширине #side + #page-c !!! Не делайте ширину более 1000px - для маленького разрешения экрана это будет некрасиво*
#wrapper{min-width:ШИРИНАpx!important;width:ШИРИНАpx;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}

*side - это меню, ШИРИНУ устанавливайте свою*
 #side{width:ШИРИНАpx !important;margin:0 !important}

 *page-c - блок с записями, ШИРИНУ устанавливайте свою*
#page-c{width:ШИРИНАpx !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}


*фон устанавливайте в стандартных настройках. Если хотите, чтоб он не двигался, добавьте в код эту строчку*
 body{background-attachment:fixed;}

*экстратоп/картинка*
загружается в эпиграф в стандартных настройках! НЕ в код - в эпиграф!

*Чтобы изменить ширину промежутка между меню и блоком записей, уменьшите/увеличите ширину меню или блока записей - чтобы в итоге wrapper не был равен по ширине #side + #page-c, а был по значению больше суммы на столько пикселей, сколько вам нужен промежуток  по величине.*

ДОПОЛНЕНИЯ

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

@темы: CSS, Шаблоны (разрешены любые изменения/использование кода)