Question

Как сделать блоки в шапке сайта фиксированных размеров, и чтобы туда можно было добавлять дополнительные разделы? Например как здесь http://www.rusotka.ru/  Сейчас у меня вот так http://sosh2-nick.ucoz.ru/  Я попробовал сделать эту шапку просто табличкой через управление дизайном верхней части сайта и получается не очень. Пробовал по другому (создал меню $SMENU_2$ в котором оно разбито на страницы), но они идут просто перечислением.  Кстати, вот тут то, что я хочу сделать.

Answer 1

Нужно создать горизантальное меню в конструкторе меню и добавить в html страницу. Верхняя часть сайта либо в страницу сайта.Далее оформить его с помощью CSS.  Предлогаю использовать уже готовые меню. Он не требует особых знаний. Вся инструкция уже полностью описана пошагова. Пример сайтов для меню:  1. http://ucozon.ru/dir/8-1-0-6575  2. http://cabinetadmina.ru/viewtopic.php?f=149&t=4338

Comments

Спасибо. Я остановился на вот этом выборе http://ucozon.ru/dir/8-1-0-753  Но теперь возник вопрос: когда я вожу по верхней строчке меню, нижняя строчка постоянно убегает. Я бы хотел сделать так, чтобы у меня вообще была одна строчка, чтобы потом в некоторые блоки добавлять подпункты. Вы не подскажите, что надо поменять?

Сейчас в СSS код такой

 

#menu_3xxx {font-size: 0.85em; height:3.2em; color: #000;
text-align:center; background: url('http://forucoz.com/img/menu/original.png');
font-size:8pt;}
 #menu_3xxx div {margin: auto;}
 #menu_3xxx span {float:left; color: #999; background: url('/img/menu/hover.png'); padding: 11px 18px;}

#menu_3xxx a {display:block; float:left; color: #e8e8e8; background:
url('http://forucoz.com/img/menu/original.png'); text-align:center;
padding: 10px 18px;text-decoration: none;}
 #menu_3xxx a:hover {color: #d9f1f2; background: url('http://forucoz.com/img/menu/hover.png'); padding: 11px 18px;}

а в верхнем блоке такое

 

<div id="menu_3xxx"><div>

 <a href="#" title="Главная скриптов для юкоз">Главная</a>
 <a href="/forum" title="Форум для веб-мастеров">Форум</a>
 <a href="/forum/0-0-1-34" title="Последние темы на форуме">Новое на форуме</a>
 <a href="/load/scripts_for_ucoz/1" title="Скрипты для юкоз">Скрипты</a>
 <a href="/load/shablony_for_ucoz/2" title="Шаблоны для юкоз">Шаблоны</a>
 <a href="/load/ikonki_for_ucoz/3" title="Иконки для юкоз">Иконки</a>
 <a href="/load/soft_for_vebmaster/4" title="Софт для вебмастера">Софт</a>
 <a href="/load/stati_for_vebmaster/5" title="Статьи для вебмастера">Статьи</a>
 <a href="javascript://" rel="nofollow" onclick="window.open('/index/8','opt','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Профиль</a>

 <a href="/forum/22-6749-1" title="Правила сайта">Правила</a>
 </div></div>