Меню сайта - Страница 4 - Форум
Включить музыку | Среда, 07 Дек 2016, 0.50.15| Главная | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 4 из 4«1234
Архив - только для чтения
Форум » Корзина » Архив » Скрипты глобальных блоков » Меню сайта (после обновления(вертик.и гориз.))
Меню сайта
БелчонкаДата: Среда, 08 Апр 2009, 6.49.42 | Сообщение # 1
Admin
Группа: Администраторы
Город: Almaty
На форуме с: 13 Дек 2007
Награды: 57
Сообщений: 5754
< >
Статус:
~ Мои награды ~
Нашла на форуме тех.поддержке ,если кому поможет:
http://forum.ucoz.ru/forum/16-28740-412983-16-1238767197
*************************************************************
Добавил veterokua
http://komu-za-40.ucoz.kz/forum/54-632-13979-16-1260876240


 
veterokuaДата: Вторник, 15 Дек 2009, 2.34.42 | Сообщение # 16
Генерал-полковник
Группа: Администраторы
На форуме с: 11 Окт 2009
Награды: 93
Сообщений: 1647
< >
Статус:
~ Мои награды ~
чтобы изменить стиль всплывающих окон нужно в глобальный блок верхней части сайта добавить вот такой код
Code

<style>
.u-menu .xw-mc{background:#CAD9EC;border-right:1px solid #DFE8F6;border-bottom:1px solid #DFE8F6;border-top:1px solid #a3bae9;border-left:1px solid #a3bae9;}
.u-menu .u-menubody {border-left:1px solid #DFE8F6;border-top:1px solid #DFE8F6;border-bottom:1px solid #a3bae9;border-right:1px solid #a3bae9;background:transparent !important;}
.u-menuvsep {background: url('/.s/img/wd/1/spr.gif') repeat-x 0 3px;padding: 3px 0;}
.u-menuvitem {position:relative;padding: 2px 16px 2px 4px;white-space: nowrap;overflow: visible;line-height:18px;zoom:1;color:#000000;text-align:left;}
.u-menu .u-menuitemhl {background: #DEE7F6 url('/.s/img/wd/1/menubg.gif') repeat-x scroll 0 0;cursor:pointer;}
.u-menuarrow {background:transparent url(/.s/img/wd/1/ar1.gif) no-repeat scroll 5px 8px;height:16px;width:16px;position:absolute;right:0;top:0}
.u-menuvitemparent {}

.u-menuh {padding-top:1px;}
.u-menuh .u-menubody {background:transparent}
.u-menuhsep {border-left:2px ridge #CAD9EC;height:100%}
.u-menuhitem {padding:0;white-space: nowrap;overflow: visible;cursor:pointer;color:#000000;text-align:left;}
.u-menuh .u-menuitemhl {cursor:pointer;}
.u-menuitemhl .admBarLeft {background: transparent url('/.s/img/wd/1/tb-btn-sprite.gif') no-repeat 0 0;}
.u-menuitemhl .admBarRight {background: transparent url('/.s/img/wd/1/tb-btn-sprite.gif') no-repeat 0 -21px;}
.u-menuitemhl .admBarCenter {background: #DEE7F6 url('/.s/img/wd/1/tb-btn-sprite.gif') repeat-x 0 -42px;}
.admBarLeft,.admBarRight {width:3px;height:21px;float:left;}
.admBarCenter {height:21px;float:left}
.admBarCenter div {;padding:3px 3px 0 3px;font-weight:normal;}

.u-menu a:link,.u-menu a:visited,.u-menu a:hover,.u-menu a:active {text-decoration:none;color:#000000;cursor:pointer;}

.u-wndmenufr {border-left:1px solid #DFE8F6;border-top:1px solid #DFE8F6;border-bottom:1px solid #a3bae9;border-right:1px solid #a3bae9;}
.u-wndmenu {overflow:hidden}
.u-wndmenu .u-menuhitem {padding: 2px 6px 2px 6px;white-space: nowrap;overflow: visible;cursor:pointer}

</style>

и в нем уже настроить фон background,границы border и шрифт color:#000000;text-align:left;
 
veterokuaДата: Вторник, 15 Дек 2009, 5.43.44 | Сообщение # 17
Генерал-полковник
Группа: Администраторы
На форуме с: 11 Окт 2009
Награды: 93
Сообщений: 1647
< >
Статус:
~ Мои награды ~
Еще вариация на тему меню

1. Закачиваем этот файл компьютер,разархивируйте и залейте все файлы, себе на сайт

http://komu-za-40.ucoz.kz/veterokua/menu.rar

2. Далее создайте на главной блок и вставите этот код
Но лучше всего вначале код отредактировать у себя на компьютере,а уж потом вставлять
=============================================================
<div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px">
<li class="expanded"><span style="font-weight:bold">1. Главная страница</span>
<ul>
<li><a href="Ваша ссылка 1.1">Подменю 1.1</a></li>
<li><a href="Ваша ссылка 1.2">Подменю 1.2</a></li>
<li><a href="Ваша ссылка 1.3">Подменю 1.3</a></li>
<li><a href="Ваша ссылка 1.4">Подменю 1.4</a></li>
<li><a href="Ваша ссылка 1.5">Подменю 1.5</a></li>
<li><a href="Ваша ссылка 1.6">Подменю 1.6</a></li>

</ul></li>
<li><span style="font-weight:bold">2 О нас</span>
<ul>
<li><a href="Ваша ссылка 2.1">Подменю 2.1</a></li>
<li><a href="Ваша ссылка 2.2">Подменю 2.2</a></li>
<li><a href="Ваша ссылка 2.3">Подменю 2.3</a></li>
<li><a href="Ваша ссылка 2.4">Подменю 2.4</a></li>
</ul></li>
<li><span style="font-weight:bold">3 Гостевая</span>
<ul>
<li><a href="Ваша ссылка 3.1">Подменю 3.1</a></li>
</ul></li>
<li><span style="font-weight:bold">4 Страничка рекламодателя</span>
<ul>
<li><a href="Ваша ссылка 4.1">Подменю 4.1</a></li>
</ul></li>
<li><span style="font-weight:bold">5 Наша Ярмарка</span>
<ul>
<li><a href="Ваша ссылка 5.1">Подменю 5.1</a></li>
</ul></li>
<script type="text/javascript">
//<![CDATA[
var li = document.getElementById('tmenu0').getElementsByTagName('li');
for(i in li) if(li[i].className=='expanded') li[i].setAttribute('expanded','1');
function tmenudata0() {
this.animation_jump = 5
this.animation_delay = 2
this.imgage_gap = 3
this.plus_image = "/menu/plus_fav.gif"
this.minus_image = "/menu/minus_fav.gif"
this.pm_width_height = "14,14"
this.folder_image = "/menu/folder.gif"
this.document_image = "/menu/n_st.gif"
this.icon_width_height = "16,16"
this.icon_width2_height2 = "11,6"
this.indent = 10;

this.use_hand_cursor = true;
this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#gold; padding:2px; "
this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#333333; "
this.main_container_styles = "padding:0px;"
this.sub_container_styles = "padding-top:1px; padding-bottom:1px;"
this.main_link_styles = "color:#ffffff; text-decoration:none;"
this.main_link_hover_styles = "color:#A98579; text-decoration:underline;"
this.sub_link_styles = ""
this.sub_link_hover_styles = ""
this.main_expander_hover_styles = "text-decoration:underline;";
this.sub_expander_hover_styles = "";
}
//]]>
</script>
<script src="/menu/jsMenu.js" type="text/javascript"></script></div><script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>
</ul>

======================================================================
Везде где пометил красным вы должны указать свой путь к ранее закаченным картинкам и файлам

Если вы хотите скрыть подменю
То прописываете приблизительно такой код(пурпурным выделил в коде)

Code

<li><span style="font-weight:bold">2 О нас</span>

Если хотите чтоб подменю были видны то прописывайте(синим в коде выделил)
Code

<li class="expanded"><span style="font-weight:bold">1. Главная страница</span>

Как вы поняли просто перед тегом <span style.........
добавить <li class="expanded">
=======================================================
Цвет ссылок редактируйте в этой строчки кода:
this.main_link_styles = "color:#ffffff; text-decoration:none;"

Белый цвет #ffffff
Черный цвет #000000
и так далее
***********************************************************************
Ну вроде все ничего не пропустил sm15

Прикрепления: 8944099.png(9Kb)
 
Кэт00Дата: Вторник, 15 Дек 2009, 6.02.18 | Сообщение # 18
Генерал-полковник
Группа: Главн.Модератор
Город: Россия
На форуме с: 06 Июн 2009
Награды: 34
Сообщений: 1286
< >
Статус:
~ Мои награды ~
veterokua, а тебе не попадалась меню в виде аккордеона?
например как меню в интернет магазине у меня.
Если бы знать как главное меню переделать на такое?


Сообщение отредактировал Кэт - Вторник, 15 Дек 2009, 6.05.00
 
veterokuaДата: Вторник, 15 Дек 2009, 7.01.16 | Сообщение # 19
Генерал-полковник
Группа: Администраторы
На форуме с: 11 Окт 2009
Награды: 93
Сообщений: 1647
< >
Статус:
~ Мои награды ~
Кэт, нет не попадалась,попадется скину
 
Форум » Корзина » Архив » Скрипты глобальных блоков » Меню сайта (после обновления(вертик.и гориз.))
Страница 4 из 4«1234
Поиск:
Последние сообщения на форуме
Посетители дня
Посетители:

В гостях у Белчонки © 2016