как поставить меню на свой сайт

· Пользователи · Правила · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: roma3005, DиМа

Воробей

Дата: Вторник, 09.02.2010, 13:10 | Пост # 1

Не вылазаю с сайта

Группа: Администраторы

Сообщений: 733

Статус: Оффлайн

У вас

и так у нас есть меню которое мы нарисовали в этом уроке http://razbor.3dn.ru/forum/6-110-1

Вот так оно выглядит

Для начала нужно разобрать наше меню по частям

Верхняя часть блока ,средняя, нижняя и стрелочки

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

Тестировал на сайте и выходит вполне прилично

Ч то бы поставить меню себе на сайт нужно следующее :

Заходите в админ панель -->управление дизайном-->таблица стилей css найдите там примерно следующее

Code

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#CCCCCC}
.uMenuV li a:active {text-decoration:none; color:#CCCCCC}
.uMenuV li a:visited {text-decoration:none; color:#CCCCCC}
.uMenuV li a:hover {text-decoration:none; color:#FFFFFF}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#FFFFFF;}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#FFFFFF}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#FFFFFF}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 0 0 0 23px; background: url('/.s/t/984/8.gif') no-repeat 0px 0px; margin-bottom: .6em;}
/* --------- */

И замените на это

Code

/* Site Menus */
.uMenuH li {float:left;padding:0 5px;}

.uMenuV .uMenuItem {font-weight:normal;}
.uMenuV li a:link {text-decoration:none; color:#CCCCCC}
.uMenuV li a:active {text-decoration:none; color:#CCCCCC}
.uMenuV li a:visited {text-decoration:none; color:#CCCCCC}
.uMenuV li a:hover {text-decoration:none; color:#FFFFFF}

.uMenuV .uMenuItemA {font-weight:bold;}
.uMenuV a.uMenuItemA:link {text-decoration:none; color:#FFFFFF;}
.uMenuV a.uMenuItemA:visited {text-decoration:none; color:#FFFFFF}
.uMenuV a.uMenuItemA:hover {text-decoration:underline; color:#FFFFFF}
.uMenuV .uMenuArrow {position:absolute;width:10px;height:10px;right:0;top:3px;background:url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;}
.uMenuV li {margin: 0; padding: 0 0 0 23px; background: url('http://s004.radikal.ru/i208/1002/07/b6399b323a32.png') no-repeat 0px 0px; margin-bottom: .6em;}
/* --------- */

а это поставьте в любой глобальный блок туда куда хотите

Code

<table border="0" cellpadding="0" cellspacing="0" style="border:px solid #3C3C3C;margin-bottom:2px;" width="214">
<tr><td height="92" style="background:url('http://razbor.3dn.ru/_fr/1/6450188.png') ;color:#ffffff;padding-left:px;font-size:12px;"><center><b>Тест</b></center></td></tr>
<tr><td style="background:url('http://razbor.3dn.ru/_fr/1/0906669.png');padding:20px;">

$SMENU_1$
</td></tr>
<tr><td><img src="http://razbor.3dn.ru/_fr/1/8920687.png" border="0"></td></tr>
</table>

Прикрепления: 6450188.png (19.8 Kb) · 8920687.png (9.5 Kb) · 0906669.png (3.4 Kb)

Новый чупа-чупс с луком... Соси и плач сука!!!!

"Это невозможно!" - сказала Причина.
"Это безрассудство!" - заметил Опыт.
"Это бесполезно!" - отрезала Гордость.
"Попробуй..." - шепнула Мечта.

Самые важные вещи в нашей жизни
Происходят без видимого начала
Только в шахматах у тебя есть время
Обдумать первый ход.

как поставить меню на свой сайт

Страница 1 из 1
1