Шаблон3

[[ShokolaD]]

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

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

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

*СТАНДАРТНЫЙ КОД САМОГО ДИЗА*
*экстратоп - картинка вверху*
#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}

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

Comments

[Rashiro]

Спасибо=) Всё оказалось таким простым.

[La_mignonne]

Soleil Vert
да, с тех пор, как админы ввели меню "вверху" стало намного проще))
раньше выпадающее меню я прописывала специальным кодом (как на дизе с лесом)

[Rashiro]

La mignonne, вот диз с лесом и служил мне примером, поэтому код и получался километровым.

[La_mignonne]

Soleil Vert
там такой и был)) а сейчас в три строчки можно сделать))

[w. virginia]

спасибо большое, возьму за основу :3

[La_mignonne]

come break me down
пжалста)

[Сумасшедший Шляпочник ака Хима]

La mignonne, о спасибо, а я все мучилась с этим верхним меню, а прописывать его так лень было.=)

[La_mignonne]

Сумасшедший Шляпочник
на здоровье

[Сумасшедший Шляпочник ака Хима]

Прошу прощения за офтоп, но может тогда и мою тему для заказов откроете? Я как никогда полна энергии.=)

[La_mignonne]

Сумасшедший Шляпочник
ой точно)) ща)

[moonspirits]

спасибо большое! даже удивительно, что код получается таким маленьким и простым ^^

[La_mignonne]

moonspirits
спасибо админам дайри, что ввели систему меню "вверху" и упростили всем задачу

[Ultra Kawaii]

Вот спасибо! Я как раз узнать хотела, как такое сделать!