Шаблон №1

[dizain-by-shokolad]

Очень часто здесь просят прислать код, чтобы не поставить себе дизайн, а чтобы просто скопировать код, перекроить, вставить свои картинки и тд. А часто берут и меняют без разрешения. Авторам это не оч приятно - к сведению.
Поэтому я решила выставить шаблоны стандартных дизанов с пояснениями. Берите, подставляйте свое и сохраните наши нервные клетки.
Здесь можете писать, шаблоны каких дизов вам нужны.

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

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

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

 *wrapper - это общая ширина контейнера, она должна быть равна по ширине #side + #page-c !!! Не делайте ширину более 1000px - для маленького разрешения экрана это будет некрасиво*
#wrapper{min-width:ШИРИНАpx!important;width:ШИРИНАmargin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 
*эта строчка нужна, чтобы меню продолжалось в высоту вместе с основным блоком. Если вам нужно оставить меню коротким, просто удалите эту строчку! Если у вас меню справа, то вместо слова .left нужно поставить слово .right *
.left #wrapper{background:#ЦВЕТ БЛОКА ПОД МЕНЮ; overflow:hidden;}

*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;}

*экстратоп*
 #extratop { background: url('/userdir/ОСТАЛЬНАЯ ЧАСТЬ КАРТИНКИ В ВАШЕЙ БИБЛИОТЕКЕ ИЗОБРАЖЕНИЙ') no-repeat; width:ШИРИНА ВАШЕЙ КАРТИНКИ height:ВЫСОТА ВАШЕЙ КАРТИНКИ}

*экстработтом - если он вам не нужен, просто удалите эту строчку*
 #extrabottom {background: url('/userdir/ОСТАЛЬНАЯ ЧАСТЬ ССЫЛКИ В ВАШЕЙ БИБЛИОТЕКЕ ИЗОБРАЖЕНИЙ') no-repeat; width:ШИРИНА ВАШЕЙ КАРТИНКИ height:ВЫСОТА ВАШЕЙ КАРТИНКИ }

ДОПОЛНЕНИЯ

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