CSS

[Dyavalenak]

Пишет  La mignonne:

Шаблон3
Шаблон дизайна с выпадающим меню вверху экстратопа.

Меню ставим в стандартных настройках в положение "вверху"
Как вы знаете, так меню оказывается под экстратопом и его нам надо позиционировать наверх.

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

*СТАНДАРТНЫЙ КОД САМОГО ДИЗА*
*экстратоп - картинка вверху*
#extratop { background: url('ССЫЛКА НА КАРТИНКУ'); width: ШИРИНА px; height:ВЫСОТА px; line-height: 100% !important;}
 #wrapper{min-width:ШИРИНА ВСЕГО ДИЗА px!important; width:ШИРИНА ВСЕГО ДИЗА px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
 #page-c{width:ШИРИНА БЛОКА ЗАПИСЕЙ px !important;}

*А теперь позиционируем меню. Top - это отступ сверху, left - это отступ слева. Меняйте эти значение на свои и двигайте меню туда, куда нужно вам.*
#side {position:absolute; top:63px; left:30px;}
*чтобы фон меню был бесцветным, оставьте фон записи в стандартных настройках пустым! а цвет самого блока записи пропишем в коде*
#page-t {background-color:#цвет !important;}

Вот и все.
ПС: Если вы хотите оставить меню под экстратопом и просто залить промежуток между ним и блоком записей, залейте враппер.
#wrapper {background:#цвет !important}

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

@темы: копилка полезностей, @дневник