Новые сообщения · Участники · Правила форума · Поиск
  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: z-17, Anarki  
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Меню для uCoz сайта
Меню для uCoz сайта
FOR_FUNДата: Вторник, 26.01.2010, 16:31 | Сообщение # 1
Рядовой
Сообщений: 12
Репутация: 0
Социальная репутация:

Статус: Offline
В этой теме собранны коды меню, которые можно использовать на юкоз сайте ©SleepWalker
Как установить кнопки социальных сетей?

Не поленитесь просмотреть весьма внушительный Список рабочих uCoz скриптов
 
pikassoДата: Среда, 27.01.2010, 20:44 | Сообщение # 2
Генерал-полковник
Сообщений: 925
Репутация: 80
Социальная репутация:

Статус: Offline

Code

<title>$SITE_NAME$ - $PAGE_NAME$</title>

После ставим этот код:

Code

<style type="text/css">      
{      
        font-family: Verdana, Arial, Helvetica, sans-serif;      
        font-size: 80%;      
        font-weight: bold;      
        background: #FFF;      
        }      

h1 {      
        font-family:Verdana, Arial, Helvetica, sans-serif;      
        font-size:16px;      
        font-weight:bold;      
        margin:0;      
        padding:0;      
        }      

hr {      
        border:none;      
        border-top:1px solid #CCCCCC;      
        height:1px;      
        margin-bottom:25px;      
        }      

ul {      
        list-style: none;      
        margin: 0;      
        padding: 0;      
        }      

img {      
        border: none;      
        }      
                
#menu {      
        width: 148px;      
        margin: 10px;      
        border-style: solid solid none solid;      
        border-color: #000;      
        border-size: 1px;      
        border-width: 1px;      
        }      
                
#menu li a {      
        height: 32px;      
        voice-family: "\"}\"";         
        voice-family: inherit;      
        height: 24px;      
        text-decoration: none;      
        }         
                
#menu li a:link, #menu li a:visited {      
        color: #CCC;      
        display: block;      
        background: url(/menu.gif);      
        padding: 8px 0 0 10px;      
        }      
                
#menu li a:hover {      
        color: #FFF;      
        background: url(/menu.gif) 0 -32px;      
        padding: 8px 0 0 10px;      
        }      
</style>

$SITE_MENU$ Заменяем на этот код:

это загрузи в корень сайта
1
2

Добавлено (27.01.2010, 18:03)
---------------------------------------------
=====================================

Добавлено (27.01.2010, 20:44)
---------------------------------------------
===========================

Code

<a href="$HOME_PAGE_LINK$" target="_blank"><img src="http://s41.radikal.ru/i093/0903/03/e7cb7bc7b0a0.jpg" border="0"></a>    
<a href="ССЫЛКА НА ИНФОРМАЦИЮ О САЙТЕ" target="_blank"><img src="http://i055.radikal.ru/0903/10/a4cef55d20c4.jpg" border="0"></a>    
<a href="ССЫЛКА НА ОБРАТНАЯ СВЯЗЬ" target="_blank"><img src="http://s54.radikal.ru/i144/0903/44/7ca55967c97a.jpg" border="0"></a>    
<a href="ССЫЛКА НА КАТАЛОГ ФАЙЛОВ" target="_blank"><img src="http://i073.radikal.ru/0903/9a/e832c14a1f44.jpg" border="0"></a>    
<a href="ССЫЛКА НА КАТАЛОГ СТАТЕЙ" target="_blank"><img src="http://s60.radikal.ru/i168/0903/e4/765cc2157330.jpg" border="0"></a>    
<a href="ССЫЛКА НА БЛОГ" target="_blank"><img src="http://i066.radikal.ru/0903/a5/4e5c4534f6e0.jpg" border="0"></a>    
<a href="ССЫЛКА НА ФОРУМ" target="_blank"><img src="http://s53.radikal.ru/i139/0903/93/194f2e3f8d62.jpg" border="0"></a>    
<a href="ССЫЛКА НА ФОТОАЛЬБОМЫ" target="_blank"><img src="http://s54.radikal.ru/i146/0903/ff/e515d4daa4ed.jpg" border="0"></a>    
<a href="ССЫЛКА НА КАТАЛОГ САЙТОВ" target="_blank"><img src="http://s58.radikal.ru/i159/0903/6b/6ba1eb502822.jpg" border="0"></a>    
<a href="ССЫЛКА НА ГОСТЕВУЮ КНИГУ" target="_blank"><img src="http://s54.radikal.ru/i144/0903/c0/a303df5e113c.jpg" border="0"></a>

взято с сайта


 
SleepWalkerДата: Среда, 28.07.2010, 14:23 | Сообщение # 3
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Меню с выпадающими, анимированными подпунктами

вот код меню:

Code
<div align="center"><div id="my_menu" class="sdmenu" align="left" style="margin-top:4px;">
<div class="collapsed">
<span>Gta San Andreas</span>
<a href="http://gta-hit.ru/index/avtomobili_gta_san_andreas/0-5">Автомобили</a>
<a href="http://gta-hit.ru/load/motocikly_gta_san_andreas/motocikly/73">Мотоциклы</a>
<a href="http://gta-hit.ru/load/samolety_gta_san_andreas/samolety/77">Самолёты</a>
<a href="http://gta-hit.ru/load/vertoljoty_gta_san_andreas/vertoljoty/79">Вертолёты</a>
<a href="http://gta-hit.ru/load/lodki_gta_san_andreas/lodki/75">Лодки</a>
<a href="http://gta-hit.ru/load/odezhda_gta_san_andreas/odezhda/81">Одежда</a>
<a href="http://gta-hit.ru/load/odezhda_gta_san_andreas/skiny/82">Скины</a>
<a href="http://gta-hit.ru/load/oruzhie_gta_san_andreas/oruzhie/84">Оружие</a>
<a href="http://gta-hit.ru/load/mody_gta_san_andreas/globalnye_mody/86">Глобальные моды</a>
<a href="http://gta-hit.ru/load/mody_gta_san_andreas/parkur_mody/87">Паркур моды</a>
<a href="http://gta-hit.ru/load/mody_gta_san_andreas/mody_raznoe/88">Моды (Разное)</a>
<a href="http://gta-hit.ru/load/programmy_gta_san_andreas/programmy/90">Программы</a>
<a href="http://gta-hit.ru/load/programmy_gta_san_andreas/trenera/91">Тренера</a>
</div>
<div class="collapsed">
<span>Gta IV</span>
<a href="http://gta-hit.ru/index/avtomobili_gta_iv/0-8">Автомобили</a>
<a href="http://gta-hit.ru/load/motocikly_gta_iv/motocikly/166">Мотоциклы</a>
<a href="http://gta-hit.ru/load/vertoljoty_gta_iv/vertoljoty/170">Вертолёты</a>
<a href="http://gta-hit.ru/load/lodki_gta_iv/lodki/193">Лодки</a>
<a href="http://gta-hit.ru/load/odezhda_gta_iv/odezhda/172">Одежда</a>
<a href="http://gta-hit.ru/load/odezhda_gta_iv/skiny/173">Скины</a>
<a href="http://gta-hit.ru/load/oruzhie_gta_iv/oruzhie/175">Оружие</a>
<a href="http://gta-hit.ru/load/dopolnenija_gta_iv/patchi/180">Дополнения</a>
</div>
<div class="collapsed">
<span>Gta Vice City</span>
<a href="http://gta-hit.ru/load/avtomobili_gta_vs/avtomobili/183">Автомобили</a>
<a href="http://gta-hit.ru/load/motocikly_gta_vs/motocikly/185">Мотоциклы</a>
<a href="http://gta-hit.ru/load/lodki_gta_vs/lodki/187">Лодки</a>
<a href="http://gta-hit.ru/load/mody_gta_vs/skiny/191">Скины</a>
<a href="http://gta-hit.ru/load/mody_gta_vs/mody/189">Моды</a>
<a href="http://gta-hit.ru/load/mody_gta_vs/dopolnenija/190">Дополнения</a>
</div>
<div class="collapsed">
<span>SA:MP</span>
<a href="#">Моды</a>
<a href="#">Скрипты</a>
</div>
</div></div>

вот цсс меню:

Code

ul.the_menu1, ul.the_menu2, ul.the_menu3, ul.the_menu4, ul.the_menu5 { border:1px solid #CDCDCD; padding:2px; background:#fff; z-index: 5;}

ul.the_menu1, ul.the_menu2, ul.the_menu3, ul.the_menu1 li, ul.the_menu2 li, ul.the_menu3 li {margin:0;  padding:0; list-style:none;}

.the_menu1, .the_menu2, .the_menu3, .the_menu4, .the_menu5 {
   display:none;
   width:200px;
}

.the_menu1 li:hover, .the_menu2 li:hover, .the_menu3 li:hover, .the_menu4 li:hover, .the_menu5 li:hover {background:#FFF2D6;}   
.the_menu1 li, .the_menu2 li, .the_menu3 li, .the_menu4 li, .the_menu5 li {
   background-color: #fff;
}

.the_menu1 li a, .the_menu2 li a, .the_menu3 li a, .the_menu4 li a, .the_menu5 li a {
   text-decoration:none; color:#000;
   padding:4px 10px;   
   display:block;
}

.the_menu1 li a:hover, .the_menu2 li a:hover, .the_menu3 li a:hover, .the_menu4 li a:hover, .the_menu5 li a:hover  {
   font-weight:normal; color:#000;
}
/* Раскрывающееся меню */
div.sdmenu { width: 184px; font-family: Arial, sans-serif; font-size: 8pt; padding-bottom: 0px; background: #ffffff no-repeat right bottom; color: #ffffff;}
div.sdmenu div { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;margin-bottom:1px; overflow: hidden;}
div.sdmenu div:hover { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;margin-bottom:1px;background-position:0 -25px; overflow: hidden;}
div.sdmenu div:active { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;margin-bottom:1px;background-position:0 -25px; overflow: hidden;}
div.sdmenu div:first-child { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;}
div.sdmenu div:first-child:hover { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;background-position:0 -25px;}
div.sdmenu div:first-child:active { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;background-position:0 -25px;}
div.sdmenu div.collapsed { height: 25px;}
div.sdmenu div span { display: block; padding: 5px 20px 6px; font-weight: bold;font:tahoma; color: #fff; background: url('http://s61.radikal.ru/i174/1007/99/a932dcb59250.png') no-repeat 5px center; border-bottom: 0px solid #fff;}
div.sdmenu div.collapsed span {background: url('http://s001.radikal.ru/i195/1007/88/624678729b59.png') no-repeat 5px center;}
div.sdmenu div a { padding: 6px 10px 5px 20px;font:tahoma; background: #fff url('http://s54.radikal.ru/i143/1007/0e/59b2b933ea92.png'); display: block; border-bottom: 1px solid #EAEAEA; color: #3E3E3E;}
div.sdmenu div a.current { padding: 6px 10px 5px 20px;font:tahoma; background: #fff url('http://s54.radikal.ru/i143/1007/0e/59b2b933ea92.png'); display: block; color: #3E3E3E; font-weight:bold;}
div.sdmenu div a:hover { background : #fff url('http://s54.radikal.ru/i143/1007/0e/59b2b933ea92.png'); background-position:0 -25px; font-weight: bold; color: #fff; text-decoration: none;}
/* ------------------------------------- */

вот скрипт меню(лучьше его закинуть файлом, но я тут написал код, потому что сайт с этим сркиптом может нагнутся и тогде он просто пропадет...):

Code
<script type="text/javscript">
function SDMenu(id) {
   if (!document.getElementById || !document.getElementsByTagName)
   return false;
   this.menu = document.getElementById(id);
   this.submenus = this.menu.getElementsByTagName("div");
   this.remember = true;
   this.speed = 5;
   this.markCurrent = true;
   this.oneSmOnly = false;
}
SDMenu.prototype.init = function() {
   var mainInstance = this;
   for (var i = 0; i < this.submenus.length; i++)
   this.submenus[i].getElementsByTagName("span")[0].onclick = function() {
   mainInstance.toggleMenu(this.parentNode);
   };
   if (this.markCurrent) {
   var links = this.menu.getElementsByTagName("a");
   for (var i = 0; i < links.length; i++)
   if (links[i].href == document.location.href) {
   links[i].className = "current";
   break;
   }
   }
   if (this.remember) {
   var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)");
   var match = regex.exec(document.cookie);
   if (match) {
   var states = match[1].split("");
   for (var i = 0; i < states.length; i++)
   this.submenus[i].className = (states[i] == 0 ? "collapsed" : "");
   }
   }
};
SDMenu.prototype.toggleMenu = function(submenu) {
   if (submenu.className == "collapsed")
   this.expandMenu(submenu);
   else
   this.collapseMenu(submenu);
};
SDMenu.prototype.expandMenu = function(submenu) {
   var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
   var links = submenu.getElementsByTagName("a");
   for (var i = 0; i < links.length; i++)
   fullHeight += links[i].offsetHeight;
   var moveBy = Math.round(this.speed * links.length);
     
   var mainInstance = this;
   var intId = setInterval(function() {
   var curHeight = submenu.offsetHeight;
   var newHeight = curHeight + moveBy;
   if (newHeight < fullHeight)
   submenu.style.height = newHeight + "px";
   else {
   clearInterval(intId);
   submenu.style.height = "";
   submenu.className = "";
   mainInstance.memorize();
   }
   }, 30);
   this.collapseOthers(submenu);
};
SDMenu.prototype.collapseMenu = function(submenu) {
   var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight;
   var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length);
   var mainInstance = this;
   var intId = setInterval(function() {
   var curHeight = submenu.offsetHeight;
   var newHeight = curHeight - moveBy;
   if (newHeight > minHeight)
   submenu.style.height = newHeight + "px";
   else {
   clearInterval(intId);
   submenu.style.height = "";
   submenu.className = "collapsed";
   mainInstance.memorize();
   }
   }, 30);
};
SDMenu.prototype.collapseOthers = function(submenu) {
   if (this.oneSmOnly) {
   for (var i = 0; i < this.submenus.length; i++)
   if (this.submenus[i] != submenu && this.submenus[i].className != "collapsed")
   this.collapseMenu(this.submenus[i]);
   }
};
SDMenu.prototype.expandAll = function() {
   var oldOneSmOnly = this.oneSmOnly;
   this.oneSmOnly = false;
   for (var i = 0; i < this.submenus.length; i++)
   if (this.submenus[i].className == "collapsed")
   this.expandMenu(this.submenus[i]);
   this.oneSmOnly = oldOneSmOnly;
};
SDMenu.prototype.collapseAll = function() {
   for (var i = 0; i < this.submenus.length; i++)
   if (this.submenus[i].className != "collapsed")
   this.collapseMenu(this.submenus[i]);
};
SDMenu.prototype.memorize = function() {
   if (this.remember) {
   var states = new Array();
   for (var i = 0; i < this.submenus.length; i++)
   states.push(this.submenus[i].className == "collapsed" ? 0 : 1);
   var d = new Date();
   d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000));
   document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/";
   }
};

// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>

<!--
function q1_onclick()
{
//document.getElementById('q2').style.visibility='hidden';
document.getElementById('q2').style.display='none';
//document.getElementById('q3').style.visibility='hidden';
   document.getElementById('q3').style.display='none';
//document.getElementById('q4').style.visibility='hidden';
   document.getElementById('q4').style.display='none';
}
</script>

Time Waits For No One
 
wwwvovanruДата: Среда, 28.07.2010, 14:47 | Сообщение # 4
Полковник
Сообщений: 228
Репутация: 6
Социальная репутация:

Статус: Offline
у меня вот вопрос - код меню ставится в новый блок. а цсс меню и третий скрипт куда ставить? извиняюсь за тупой вопрос
 
SleepWalkerДата: Среда, 28.07.2010, 14:55 | Сообщение # 5
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
wwwvovanru, цсс меню поставь в шаблон таблицы стилей цсс
последний код поставь между <head></head>(только это надо вставить на всех страницах... тоесть для этого заходишь быструю замену, выбираешь многострочную замену и меняешь:
Code
</head>

на
Code
код третьего скрипта
</head>

так ты вставишь этот скрипт на все страницы

а сам код меню ты можеш вставить либо в новый блок, либо вместо кода стандартного меню $SMENU_1$ (или как там его)

Time Waits For No One
 
wwwvovanruДата: Среда, 28.07.2010, 15:07 | Сообщение # 6
Полковник
Сообщений: 228
Репутация: 6
Социальная репутация:

Статус: Offline
SleepWalker, а, всё понял , спс. а если я например возьму код своего меню
Code
<div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px">  
<li class="expanded"><span style="font-weight:bold">Главная</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua" title="Главная страница">Главная страница</a></li>  
<li><a href="http://the-my-soft.at.ua/forum" title="Форум портала">Форум</a></li>  
<li><a href="http://the-my-soft.at.ua/load" title="Все файлы">Каталог файлов</a><img ilo-full-src="http://csfilez.net.ru/design/new2.gif" alt="Свежие файлы" src="http://csfilez.net.ru/design/new2.gif"></li>  
<li><a href="http://the-my-soft.at.ua/index/0-27" title="О проекте">Информация о сайте</a></li>  
</ul></li>  
<li class="expanded"><span style="font-weight:bold">Офисные утилиты</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/tekstovye_redaktory/2" title="Текстовые редакторы">Текстовые редакторы</a>  
<li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/konvertory_dokumentov/3" title="Конверторы документов">Конверторы документов</a>  
<li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/nadstrojki_dlja_microsoft_word/4" title="Надстройки для Microsoft Word">Надстройки для Microsoft Word</a>  
<li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/rabota_s_buferom_obmena/5" title="Работа с буфером обмена">Работа с буфером обмена</a>  
<li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/uskorenie_vvoda_teksta_i_udobnaja_rabota_s_klaviaturoj/6" title="Ускорение ввода текста и удобная работа с клавиатурой">Ускорение ввода текста и удобная работа с клавиатурой</a>  
<li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/chtenie_ehlektronnykh_knig/7" title="Чтение электронных книг">Чтение электронных книг</a>  
<li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/rabota_so_shriftami/8" title="Работа со шрифтами">Работа со шрифтами</a>  
<li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/kalkuljatory/9" title="Калькуляторы">Калькуляторы</a>
li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/zapisnye_knizhki_i_organajzery/10" title="Записные книжки и органайзеры">РЗаписные книжки и органайзеры</a>  
li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/perevodchiki_i_slovari/11" title="Переводчики и словари">Переводчики и словари</a>  
li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/proverka_orfografii/12" title="Проверка орфографии">Проверка орфографии</a>  
li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/spravochniki/13" title="Справочники">Справочники</a>  
li><a href="http://the-my-soft.at.ua/load/ofisnye_utility/zabota_o_zdorove_vo_vremja_raboty/14" title="Забота о здоровье во время работы">Забота о здоровье во время работы</a>   
</ul></li>  
<li><span style="font-weight:bold">Программы для работы с CD и DVD</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/sozdanie_obrazov_diskov_i_rabota_s_virtualnymi_cd/16" title="Создание образов дисков и работа с виртуальными CD">Создание образов дисков и работа с виртуальными CD</a>  
<li><a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/zapis_cd_i_dvd/17" title="Запись CD и DVD">Запись CD и DVD</a>  
<li><a href="/index/generator_meta_tegov/0-37" title="Кодирование DVD">Кодирование DVD</a>  
<li><a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/kopirovanie_audiodiskov_na_vinchester/19" title="Копирование аудиодисков на винчестер">Копирование аудиодисков на винчестер</a>  
<li><a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/rabota_s_kompakt_diskami_i_dvd/20" title="Работа с компакт-дисками и DVD">Работа с компакт-дисками и DVD</a>  
<li><a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/sozdanie_fajlov_avtozapuska/21" title="Создание файлов автозапуска">Создание файлов автозапуска</a>  
<li><a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/katalogizacija_cd_i_dvd/22" title="Каталогизация CD и DVD">Каталогизация CD и DVD</a>  
</ul></li>  
<li><span style="font-weight:bold">Браузеры и плагины для них</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/brauzery_i_plaginy_dlja_nikh/alternativnye_brauzery/247" title="Альтернативные браузеры">Альтернативные браузеры</a>  
<li><a href="http://the-my-soft.at.ua/load/brauzery_i_plaginy_dlja_nikh/brauzery_rabotajushhie_v_avtonomnom_rezhime/25" title="Браузеры, работающие в автономном режиме">Браузеры, работающие в автономном режиме</a>  
<li><a href="http://the-my-soft.at.ua/load/brauzery_i_plaginy_dlja_nikh/plaginy_dlja_internet_explorer/26" title="Плагины для Internet Explorer">Плагины для Internet Explorer</a>  
</ul></li>  
<li><span style="font-weight:bold">Менеджеры загрузки и программы для обмена</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/menedzhery_zagruzki_i_programmy_dlja_obmena/menedzhery_zagruzki/28" title="Менеджеры загрузки">Менеджеры загрузки</a>  
<li><a href="http://the-my-soft.at.ua/load/menedzhery_zagruzki_i_programmy_dlja_obmena/programmy_dlja_obmena_fajlami/29" title="Программы для обмена файлами">Программы для обмена файлами</a>  
</ul></li>  
<li><span style="font-weight:bold">Электронная почта и общение в Интернете</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/pochtovye_utility/31" title="Почтовые утилиты ">Почтовые утилиты</a>  
<li><a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/plaginy_dlja_outlook_express/32" title="Плагины для Outlook Express">Плагины для Outlook Express</a>  
<li><a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/plaginy_dlja_microsoft_outlook/33" title="Плагины для Microsoft Outlook">Плагины для Microsoft Outlook</a>  
<li><a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/filtry_spama/34" title="Фильтры спама">Фильтры спама</a>  
<li><a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/onlajn_obshhenie/35" title="Онлайн-общение">Онлайн-общение</a>  
</ul></li>  
<li><span style="font-weight:bold">Прочие программы</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/prochie_programmy/ustanovka_internet_soedinenija/37" title="Установка интернет-соединения">Установка интернет-соединения</a>  
<li><a href="http://the-my-soft.at.ua/load/prochie_programmy/blokirovanie_bannerov_i_vsplyvajushhikh_okon/38" title="Блокирование баннеров и всплывающих окон">Блокирование баннеров и всплывающих окон</a>  
<li><a href="http://the-my-soft.at.ua/load/prochie_programmy/poiskovye_sistemy/39" title="Поисковые системы">Поисковые системы</a>  
<li><a href="http://the-my-soft.at.ua/load/prochie_programmy/rabota_s_zakladkami/40" title="Работа с закладками">Работа с закладками</a>  
<li><a href="http://the-my-soft.at.ua/load/prochie_programmy/uchet_setevogo_trafika/41" title="Учет сетевого трафика">Учет сетевого трафика</a>
<li><a href="http://the-my-soft.at.ua/load/prochie_programmy/drugie_poleznye_programmy/42" title="Другие полезные программы">Другие полезные программы</a>   
</ul></li>  
<li><span style="font-weight:bold">Работа с файлами мультимедиа</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/proigryvateli_fajlov_multimedia/53" title="Проигрыватели файлов мультимедиа">Проигрыватели файлов мультимедиа</a>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/rabota_s_mp3_fajlami/54" title="Работа с MP3-файлами">Работа с MP3-файлами</a>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/rabota_s_flash_fajlami/55" title="Работа с Flash-файлами">Работа с Flash-файлами</a>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/konvertacija_audio_i_videofajlov/56" title="Конвертация аудио- и видеофайлов">Конвертация аудио- и видеофайлов</a>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/obrabotka_audio_i_videofajlov/57" title="Обработка аудио- и видеофайлов">Обработка аудио- и видеофайлов</a>
</ul></li>  
<li><span style="font-weight:bold">Обучающие программы</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/anglijskij_jazyk/59" title="Английский язык">Английский язык</a>  
<li><a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/astronomija/60" title="Астрономия">Астрономия</a>  
<li><a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/matematika/61" title="Математика">Математика</a>  
<li><a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/fizika/62" title="Физика">Физика</a>  
<li><a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/khimija/63" title="Химия">Химия</a>
</ul></li>  
<li><span style="font-weight:bold">Развлекательные программы</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/razvlekatelnye_programmy/programmy_dlja_otdykha_i_khobbi/65" title="Программы для отдыха и хобби">Программы для отдыха и хобби</a>  
<li><a href="" title="Блокирование баннеров и всплывающих окон">Блокирование баннеров и всплывающих окон</a>  
<li><a href="http://the-my-soft.at.ua/load/razvlekatelnye_programmy/pogovori_so_mnoj_kompjuter/66" title="Поговори со мной, компьютер">Поговори со мной, компьютер</a>  
<li><a href="http://the-my-soft.at.ua/load/razvlekatelnye_programmy/absoljutno_bespoleznye_programmy/67" title="Абсолютно бесполезные программы">Абсолютно бесполезные программы</a>  
    
</ul></li>  

<li><span style="font-weight:bold">Система</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/sistema/monitoring_raboty_kompjutera_i_diagnostika_sistemy/69" title="Мониторинг работы компьютера и диагностика системы">Мониторинг работы компьютера и диагностика системы</a>  
<li><a href="http://the-my-soft.at.ua/load/sistema/optimizacija_raboty_sistemy/70" title="Оптимизация работы системы">Оптимизация работы системы</a>  
<li><a href="http://the-my-soft.at.ua/load/sistema/rabota_s_reestrom/71" title="Работа с реестром">Работа с реестром</a>  
<li><a href="http://the-my-soft.at.ua/load/sistema/rabota_s_zhestkim_diskom/72" title="Работа с жестким диском">Работа с жестким диском</a>  
<li><a href="http://the-my-soft.at.ua/load/sistema/ochistka_i_defragmentacija_diska/73" title="Очистка и дефрагментация диска">Очистка и дефрагментация диска</a>
<li><a href="http://the-my-soft.at.ua/load/sistema/rabota_s_drajverami/74" title="Работа с драйверами">Работа с драйверами</a>
<li><a href="http://the-my-soft.at.ua/load/sistema/bystryj_zapusk_programm_i_redaktirovanie_avtozagruzki/75" title="Быстрый запуск программ и редактирование автозагрузки">Быстрый запуск программ и редактирование автозагрузки</a>
<li><a href="http://the-my-soft.at.ua/load/sistema/avtomatizacija_zadach/76" title="Автоматизация задач">Автоматизация задач</a>
    
</ul></li>  

<li><span style="font-weight:bold">Интерфейс</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/interfejs/zagruzochnye_obolochki/78" title="Загрузочные оболочки">Загрузочные оболочки</a>  
<li><a href="http://the-my-soft.at.ua/load/interfejs/izmenenie_vneshnego_vida_windows/79" title="Изменение внешнего вида Windows">Изменение внешнего вида Windows</a>  
<li><a href="http://the-my-soft.at.ua/load/interfejs/menedzhery_rabochego_stola/80" title="Менеджеры Рабочего стола">Менеджеры Рабочего стола</a>  
<li><a href="http://the-my-soft.at.ua/load/interfejs/ukrashajushhie_programmy/81" title="Украшающие программы">Украшающие программы</a>  
<li><a href="http://the-my-soft.at.ua/load/interfejs/avtomaticheskaja_smena_fonovogo_risunka/82" title="Автоматическая смена фонового рисунка">Автоматическая смена фонового рисунка</a>
<li><a href="http://the-my-soft.at.ua/load/interfejs/rabota_so_znachkami/83" title="Работа со значками">Работа со значками</a>
<li><a href="http://the-my-soft.at.ua/load/interfejs/khraniteli_ehkrana_i_programmy_dlja_ikh_sozdanija/84" title="Хранители экрана и программы для их создания">Хранители экрана и программы для их создания</a>    
</ul></li>  

<li><span style="font-weight:bold">Безопасность</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/bezopasnost/antivirusnye_programmy/86" title="Антивирусные программы">Антивирусные программы</a>  
<li><a href="http://the-my-soft.at.ua/load/bezopasnost/poisk_shpionskikh_modulej/87" title="Поиск шпионских модулей">Поиск шпионских модулей</a>  
<li><a href="http://the-my-soft.at.ua/load/bezopasnost/brandmauehry/88" title="Брандмауэры">Брандмауэры</a>  
<li><a href="http://the-my-soft.at.ua/load/bezopasnost/udalennoe_upravlenie_kompjuterom/89" title="Удаленное управление компьютером">Удаленное управление компьютером</a>  
<li><a href="http://the-my-soft.at.ua/load/bezopasnost/zashhita_informacii_i_kontrol_dostupa/90" title="Защита информации и контроль доступа">Защита информации и контроль доступа</a>
<li><a href="http://the-my-soft.at.ua/load/bezopasnost/menedzhery_parolej_i_vosstanovlenie_uterjannykh_parolej/91" title="Менеджеры паролей и восстановление утерянных паролей">Менеджеры паролей и восстановление утерянных паролей</a>   
</ul></li>  

<li><span style="font-weight:bold">Файлы и папки</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/fajly_i_papki/rasshirenija_dlja_provodnika/93" title="Расширения для Проводника">Расширения для Проводника</a>  
<li><a href="http://the-my-soft.at.ua/load/fajly_i_papki/fajlovye_menedzhery/94" title="Файловые менеджеры">Файловые менеджеры</a>  
<li><a href="http://the-my-soft.at.ua/load/fajly_i_papki/poisk_i_obrabotka_fajlov/95" title="Поиск и обработка файлов">Поиск и обработка файлов</a>  
<li><a href="http://the-my-soft.at.ua/load/fajly_i_papki/rezervnoe_kopirovanie_i_vosstanovlenie_dannykh/96" title="Резервное копирование и восстановление данных">Резервное копирование и восстановление данных</a>  
<li><a href="http://the-my-soft.at.ua/load/fajly_i_papki/sinkhronizacija_dannykh/97" title="Синхронизация данных">Синхронизация данных</a>
<li><a href="http://the-my-soft.at.ua/load/fajly_i_papki/rabota_s_fajlami_i_papkami/98" title="Работа с файлами и папками">Работа с файлами и папками</a>
<li><a href="http://the-my-soft.at.ua/load/fajly_i_papki/arkhivatory/99" title="Архиваторы">Архиваторы</a>   
</ul></li>  

<li><span style="font-weight:bold">Работа с графическими файлами и просмотр</span>  
<ul>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/prosmotr_graficheskikh_fajlov/44" title="Просмотр графических файлов">Просмотр графических файлов</a>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/obrabotka_cifrovykh_fotografij/45" title="Обработка цифровых фотографий">Обработка цифровых фотографий</a>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/sozdanie_panoramnykh_snimkov/46" title="Создание панорамных снимков">Создание панорамных снимков</a>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/sozdanie_fotoalbomov/47" title="Создание фотоальбомов">Создание фотоальбомов</a>  
<li><a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/pechat_izobrazhenij/48" title="Печать изображений">Печать изображений</a>
<li><a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/zapis_kompakt_diskov_s_fotografijami/49" title="Запись компакт-дисков с фотографиями">Запись компакт-дисков с фотографиями</a>
<li><a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/sozdanie_veb_galerej/50" title="Создание веб-галерей">Создание веб-галерей</a>
<li><a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/konvertacija_graficheskikh_fajlov/51" title="Конвертация графических файлов">Конвертация графических файлов</a>   
</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 = "/diz/8.gif"  
this.minus_image = "/diz/8.gif"  
this.pm_width_height = "13,10"  
this.folder_image = ""  
this.document_image = "/diz/8.gif"  
this.icon_width_height = "16,16"  
this.icon_width2_height2 = "13,10"  
this.indent = 1;  

this.use_hand_cursor = true;  
this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Tahoma; font-size:13px; color:#454545; padding:1px; "  
this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Tahoma; font-size:11.2px; color:#dedede; "  
this.main_container_styles = "padding:0px;"  
this.sub_container_styles = "padding-top:0px; padding-bottom:1px;"  
this.main_link_styles = "color:#b5b5b5; text-decoration:none;"  
this.main_link_hover_styles = "color:#debc1d; text-decoration:none;"  
this.sub_link_styles = ""  
this.sub_link_hover_styles = ""  
this.main_expander_hover_styles = "text-decoration:none;";  
this.sub_expander_hover_styles = "";  
}  
//]]>  

</script>  

<script src="/js/menu.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>

он будет работать с этими wcс
или всётаки этот под свой лучше переделать?

 
SleepWalkerДата: Среда, 28.07.2010, 15:17 | Сообщение # 7
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
wwwvovanru, не будет работать. прийдется переделывать
Time Waits For No One
 
wwwvovanruДата: Четверг, 29.07.2010, 04:09 | Сообщение # 8
Полковник
Сообщений: 228
Репутация: 6
Социальная репутация:

Статус: Offline
цсс меню после чего вставлять? или в самый низ можно

Добавлено (29.07.2010, 04:09)
---------------------------------------------
, я поставил третий код в дизайн - замена участков шаболов и заменил

Code
</head>   на  код третьего скрипта  
</head>

и тест сайт вообще полетел
вот че получилось.
а цсс поставил оно появилось нормально только не выдвигалось,а 3-й код вобще повалил всё

 
pikassoДата: Четверг, 29.07.2010, 12:57 | Сообщение # 9
Генерал-полковник
Сообщений: 925
Репутация: 80
Социальная репутация:

Статус: Offline
wwwvovanru, жесть! а бекап сайта не сохронял прежде чем ставил скрипт?

 
wwwvovanruДата: Четверг, 29.07.2010, 14:15 | Сообщение # 10
Полковник
Сообщений: 228
Репутация: 6
Социальная репутация:

Статус: Offline
pikasso, да это тест сайт, я на нем тестю всё, а нормальный мой сайт стоит норм. , уже 3 дня меню всё делаю . например вот меню нашул а ставлю получается вот что . как сделать нормальное рабочее меню?

Добавлено (29.07.2010, 14:15)
---------------------------------------------
хотя лучше скажите как установить это меню выше написанно которое

 
SleepWalkerДата: Четверг, 29.07.2010, 20:14 | Сообщение # 11
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
давай ты мне лучьше даш пасс от тест сайта. я поставлю и потом обьясню что я делал(может просто я код не до конца вытянул...)
Time Waits For No One
 
wwwvovanruДата: Пятница, 30.07.2010, 03:21 | Сообщение # 12
Полковник
Сообщений: 228
Репутация: 6
Социальная репутация:

Статус: Offline
SleepWalker, ок в личку кидаю

Добавлено (30.07.2010, 03:21)
---------------------------------------------
кинул в личку

 
SleepWalkerДата: Пятница, 30.07.2010, 11:24 | Сообщение # 13
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
wwwvovanru, короче делается все точно так же... только есть одно отличие. скрипт надо таки файлом грузить на сайт. я загрузил его на твой тест сайт, теперь, что бы разместить этот код на всех страницах заменяешь
</head>
на
<script type="text/javascript" src="/my.js"></script>
</head>

Time Waits For No One
 
SleepWalkerДата: Пятница, 30.07.2010, 11:28 | Сообщение # 14
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Offline
Quote (HTMLWarrior)
Свят может темку в корзину?:) я фанат оригинальности и красоты,а иногда натыкаюся на сайты где менюшки вот так берут и втыкивают а они не совместимы с сайтом(криво сидят,криво смотряться(хреново)) притом что шаблон даже если видно что авторский но меню тычут ....

ммм. оно то да... но юзвери ищут себе меню в нете, надо им его выдавать:)
если некоторые из них не понимают, что меню может испортить диз, а другие наоборот подберут то которое идеально подходит к их дизу или к примеру перерисуют всю граффику меню под себя

Time Waits For No One
 
wwwvovanruДата: Суббота, 31.07.2010, 01:32 | Сообщение # 15
Полковник
Сообщений: 228
Репутация: 6
Социальная репутация:

Статус: Offline
SleepWalker, спс огромное

Добавлено (30.07.2010, 14:45)
---------------------------------------------
я сделал все как надо вставил в блок это

Code
<div align="center"><div id="my_menu" class="sdmenu" align="left" style="margin-top:4px;">  
<div class="collapsed">  
<span>Офисные утилиты</span>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/tekstovye_redaktory/2">Текстовые редакторы</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/konvertory_dokumentov/3">Конверторы документов</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/nadstrojki_dlja_microsoft_word/4">Надстройки для Microsoft Word</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/rabota_s_buferom_obmena/5">Работа с буфером обмена</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/uskorenie_vvoda_teksta_i_udobnaja_rabota_s_klaviaturoj/6">Ускорение ввода текста и удобная работа с клавиатурой</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/chtenie_ehlektronnykh_knig/7">Чтение электронных книг</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/rabota_so_shriftami/8">Работа со шрифтами</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/kalkuljatory/9">Калькуляторы</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/zapisnye_knizhki_i_organajzery/10">Записные книжки и органайзеры</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/perevodchiki_i_slovari/11">Переводчики и словари</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/proverka_orfografii/12">Проверка орфографии</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/spravochniki/13">Справочники</a>  
<a href="http://the-my-soft.at.ua/load/ofisnye_utility/zabota_o_zdorove_vo_vremja_raboty/14">Забота о здоровье во время работы</a>  
</div>  
<div class="collapsed">  
<span>Программы для работы с CD и DVD</span>  
<a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/sozdanie_obrazov_diskov_i_rabota_s_virtualnymi_cd/16">Создание образов дисков и работа с виртуальными CD</a>  
<a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/zapis_cd_i_dvd/17">Запись CD и DVD</a>  
<a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/kodirovanie_dvd/18">Кодирование DVD</a>  
<a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/kopirovanie_audiodiskov_na_vinchester/19">Копирование аудиодисков на винчестер</a>  
<a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/rabota_s_kompakt_diskami_i_dvd/20">Работа с компакт-дисками и DVD</a>  
<a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/sozdanie_fajlov_avtozapuska/21">Создание файлов автозапуска</a>  
<a href="http://the-my-soft.at.ua/load/programmy_dlja_raboty_s_cd_i_dvd/katalogizacija_cd_i_dvd/22">Каталогизация CD и DVD</a>  
</div>  
<div class="collapsed">  
<span>Браузеры и плагины для них</span>  
<a href="http://the-my-soft.at.ua/load/brauzery_i_plaginy_dlja_nikh/alternativnye_brauzery/24">Альтернативные браузеры</a>  
<a href="http://the-my-soft.at.ua/load/brauzery_i_plaginy_dlja_nikh/brauzery_rabotajushhie_v_avtonomnom_rezhime/25">Браузеры, работающие в автономном режиме</a>  
<a href="http://the-my-soft.at.ua/load/brauzery_i_plaginy_dlja_nikh/plaginy_dlja_internet_explorer/26">Плагины для Internet Explorer </a>  
  </div>  
<div class="collapsed">  
<span>Менеджеры загрузки и программы для обмена</span>  
<a href="http://the-my-soft.at.ua/load/menedzhery_zagruzki_i_programmy_dlja_obmena/menedzhery_zagruzki/28">Менеджеры загрузки</a>  
<a href="http://the-my-soft.at.ua/load/menedzhery_zagruzki_i_programmy_dlja_obmena/programmy_dlja_obmena_fajlami/29">Программы для обмена файлами</a>  
</div>
<div class="collapsed">  
<span>Электронная почта и общение в Интернете</span>  
<a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/pochtovye_utility/31">Почтовые утилиты</a>  
<a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/plaginy_dlja_outlook_express/32">Плагины для Outlook Express</a>
<a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/plaginy_dlja_microsoft_outlook/33">Плагины для Microsoft Outlook</a>  
<a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/filtry_spama/34">Фильтры спама</a>  
<a href="http://the-my-soft.at.ua/load/ehlektronnaja_pochta_i_obshhenie_v_internete/onlajn_obshhenie/35">Онлайн-общение</a>  
  </div>
<div class="collapsed">  
<span>Прочие программы</span>  
<a href="http://the-my-soft.at.ua/load/prochie_programmy/ustanovka_internet_soedinenija/37">Установка интернет-соединения</a>  
<a href="http://the-my-soft.at.ua/load/prochie_programmy/blokirovanie_bannerov_i_vsplyvajushhikh_okon/38">Блокирование баннеров и всплывающих окон</a>
<a href="http://the-my-soft.at.ua/load/prochie_programmy/poiskovye_sistemy/39">Поисковые системы</a>
<a href="http://the-my-soft.at.ua/load/prochie_programmy/rabota_s_zakladkami/40">Работа с закладками</a>
<a href="http://the-my-soft.at.ua/load/prochie_programmy/uchet_setevogo_trafika/41">Учет сетевого трафика</a>
<a href="http://the-my-soft.at.ua/load/prochie_programmy/drugie_poleznye_programmy/42">Другие полезные программы</a>
</div>
<div class="collapsed">  
<span>Работа с графическими файлами и просмотр</span>  
<a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/prosmotr_graficheskikh_fajlov/44">Просмотр графических файлов</a>  
<a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/obrabotka_cifrovykh_fotografij/45">Обработка цифровых фотографий</a>
<a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/sozdanie_panoramnykh_snimkov/46">Создание панорамных снимков</a>
<a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/sozdanie_fotoalbomov/47">Создание фотоальбомов</a>
<a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/pechat_izobrazhenij/48">Печать изображений</a>
<a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/zapis_kompakt_diskov_s_fotografijami/49">Запись компакт-дисков с фотографиями</a>
<a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/sozdanie_veb_galerej/50">Создание веб-галерей</a>
<a href="http://the-my-soft.at.ua/load/rabota_s_graficheskimi_fajlami_i_prosmotr/konvertacija_graficheskikh_fajlov/51">Конвертация графических файлов</a>  
</div>
<div class="collapsed">  
<span>Работа с файлами мультимедиа</span>  
<a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/proigryvateli_fajlov_multimedia/53">Проигрыватели файлов мультимедиа</a>  
<a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/rabota_s_mp3_fajlami/54">Работа с MP3-файлами</a>
<a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/rabota_s_flash_fajlami/55">Работа с Flash-файлами</a>
<a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/konvertacija_audio_i_videofajlov/56">Конвертация аудио- и видеофайлов</a>
<a href="http://the-my-soft.at.ua/load/rabota_s_fajlami_multimedia/obrabotka_audio_i_videofajlov/57">Обработка аудио- и видеофайлов</a>  
</div>
<div class="collapsed">  
<span>Обучающие программы</span>  
<a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/anglijskij_jazyk/59">Английский язык</a>  
<a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/astronomija/60">Астрономия</a>
<a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/matematika/61">Математика</a>
<a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/fizika/62">Физика</a>
<a href="http://the-my-soft.at.ua/load/obuchajushhie_programmy/khimija/63">Химия</a>
  </div>
<div class="collapsed">  
<span>Развлекательные программы</span>  
<a href="http://the-my-soft.at.ua/load/razvlekatelnye_programmy/programmy_dlja_otdykha_i_khobbi/65">Программы для отдыха и хобби</a>  
<a href="http://the-my-soft.at.ua/load/razvlekatelnye_programmy/pogovori_so_mnoj_kompjuter/66">Поговори со мной, компьютер</a>
<a href="http://the-my-soft.at.ua/load/razvlekatelnye_programmy/absoljutno_bespoleznye_programmy/67">Абсолютно бесполезные программы</a>  
   </div>
<div class="collapsed">  
<span>Система</span>  
<a href="http://the-my-soft.at.ua/load/sistema/monitoring_raboty_kompjutera_i_diagnostika_sistemy/69">Мониторинг работы компьютера и диагностика системы</a>  
<a href="http://the-my-soft.at.ua/load/sistema/optimizacija_raboty_sistemy/70">Оптимизация работы системы</a>
<a href="http://the-my-soft.at.ua/load/sistema/rabota_s_reestrom/71">Работа с реестром</a>
<a href="http://the-my-soft.at.ua/load/sistema/rabota_s_zhestkim_diskom/72">Работа с жестким диском</a>
<a href="http://the-my-soft.at.ua/load/sistema/ochistka_i_defragmentacija_diska/73">Очистка и дефрагментация диска</a>
<a href="http://the-my-soft.at.ua/load/sistema/rabota_s_drajverami/74">Работа с драйверами</a>
<a href="http://the-my-soft.at.ua/load/sistema/bystryj_zapusk_programm_i_redaktirovanie_avtozagruzki/75">Быстрый запуск программ и редактирование автозагрузки</a>
<a href="http://the-my-soft.at.ua/load/sistema/avtomatizacija_zadach/76">Автоматизация задач</a>
</div>
<div class="collapsed">  
<span>Интерфейс</span>  
<a href="http://the-my-soft.at.ua/load/interfejs/zagruzochnye_obolochki/78">Загрузочные оболочки</a>  
<a href="http://the-my-soft.at.ua/load/interfejs/izmenenie_vneshnego_vida_windows/79">Изменение внешнего вида Windows</a>
<a href="http://the-my-soft.at.ua/load/interfejs/menedzhery_rabochego_stola/80">Менеджеры Рабочего стола</a>
<a href="http://the-my-soft.at.ua/load/interfejs/ukrashajushhie_programmy/81">Украшающие программы</a>
<a href="http://the-my-soft.at.ua/load/interfejs/avtomaticheskaja_smena_fonovogo_risunka/82">Автоматическая смена фонового рисунка</a>
<a href="http://the-my-soft.at.ua/load/interfejs/rabota_so_znachkami/83">Работа со значками</a>
<a href="http://the-my-soft.at.ua/load/interfejs/khraniteli_ehkrana_i_programmy_dlja_ikh_sozdanija/84">Хранители экрана и программы для их создания</a>   
</div>
<div class="collapsed">  
<span>SБезопасность</span>  
<a href="http://the-my-soft.at.ua/load/bezopasnost/antivirusnye_programmy/86">Антивирусные программы</a>  
<a href="http://the-my-soft.at.ua/load/bezopasnost/poisk_shpionskikh_modulej/87">Поиск шпионских модулей</a>
<a href="http://the-my-soft.at.ua/load/bezopasnost/brandmauehry/88">Брандмауэры</a>  
<a href="http://the-my-soft.at.ua/load/bezopasnost/udalennoe_upravlenie_kompjuterom/89">Удаленное управление компьютером</a>  
<a href="http://the-my-soft.at.ua/load/bezopasnost/zashhita_informacii_i_kontrol_dostupa/90">Защита информации и контроль доступа</a>  
<a href="http://the-my-soft.at.ua/load/bezopasnost/menedzhery_parolej_i_vosstanovlenie_uterjannykh_parolej/91">Менеджеры паролей и восстановление утерянных паролей</a>   
</div>
<div class="collapsed">  
<span>SФайлы и папки</span>  
<a href="http://the-my-soft.at.ua/load/fajly_i_papki/rasshirenija_dlja_provodnika/93">Расширения для Проводника </a>  
<a href="http://the-my-soft.at.ua/load/fajly_i_papki/fajlovye_menedzhery/94">Файловые менеджеры</a>
<a href="http://the-my-soft.at.ua/load/fajly_i_papki/poisk_i_obrabotka_fajlov/95">Поиск и обработка файлов</a>
<a href="http://the-my-soft.at.ua/load/fajly_i_papki/rezervnoe_kopirovanie_i_vosstanovlenie_dannykh/96">Резервное копирование и восстановление данных</a>
<a href="http://the-my-soft.at.ua/load/fajly_i_papki/sinkhronizacija_dannykh/97">Синхронизация данных</a>
<a href="http://the-my-soft.at.ua/load/fajly_i_papki/rabota_s_fajlami_i_papkami/98">Работа с файлами и папками</a>
<a href="http://the-my-soft.at.ua/load/fajly_i_papki/arkhivatory/99">Архиваторы</a>  
</div>  
</div></div>

в цсс в самый низ поставил
Code
ul.the_menu1, ul.the_menu2, ul.the_menu3, ul.the_menu4, ul.the_menu5 { border:1px solid #CDCDCD; padding:2px; background:#fff; z-index: 5;}  

ul.the_menu1, ul.the_menu2, ul.the_menu3, ul.the_menu1 li, ul.the_menu2 li, ul.the_menu3 li {margin:0;  padding:0; list-style:none;}  

.the_menu1, .the_menu2, .the_menu3, .the_menu4, .the_menu5 {  
    display:none;  
    width:200px;  
}  

.the_menu1 li:hover, .the_menu2 li:hover, .the_menu3 li:hover, .the_menu4 li:hover, .the_menu5 li:hover {background:#FFF2D6;}    
.the_menu1 li, .the_menu2 li, .the_menu3 li, .the_menu4 li, .the_menu5 li {  
    background-color: #fff;  
}  

.the_menu1 li a, .the_menu2 li a, .the_menu3 li a, .the_menu4 li a, .the_menu5 li a {  
    text-decoration:none; color:#000;  
    padding:4px 10px;    
    display:block;  
}  

.the_menu1 li a:hover, .the_menu2 li a:hover, .the_menu3 li a:hover, .the_menu4 li a:hover, .the_menu5 li a:hover  {  
    font-weight:normal; color:#000;  
}  
/* Раскрывающееся меню */  
div.sdmenu { width: 184px; font-family: Arial, sans-serif; font-size: 8pt; padding-bottom: 0px; background: #ffffff no-repeat right bottom; color: #ffffff;}  
div.sdmenu div { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;margin-bottom:1px; overflow: hidden;}  
div.sdmenu div:hover { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;margin-bottom:1px;background-position:0 -25px; overflow: hidden;}  
div.sdmenu div:active { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;margin-bottom:1px;background-position:0 -25px; overflow: hidden;}  
div.sdmenu div:first-child { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;}  
div.sdmenu div:first-child:hover { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;background-position:0 -25px;}  
div.sdmenu div:first-child:active { background: url('http://i056.radikal.ru/1007/cc/38521792312f.png') no-repeat;background-position:0 -25px;}  
div.sdmenu div.collapsed { height: 25px;}  
div.sdmenu div span { display: block; padding: 5px 20px 6px; font-weight: bold;font:tahoma; color: #fff; background: url('http://s61.radikal.ru/i174/1007/99/a932dcb59250.png') no-repeat 5px center; border-bottom: 0px solid #fff;}  
div.sdmenu div.collapsed span {background: url('http://s001.radikal.ru/i195/1007/88/624678729b59.png') no-repeat 5px center;}  
div.sdmenu div a { padding: 6px 10px 5px 20px;font:tahoma; background: #fff url('http://s54.radikal.ru/i143/1007/0e/59b2b933ea92.png'); display: block; border-bottom: 1px solid #EAEAEA; color: #3E3E3E;}  
div.sdmenu div a.current { padding: 6px 10px 5px 20px;font:tahoma; background: #fff url('http://s54.radikal.ru/i143/1007/0e/59b2b933ea92.png'); display: block; color: #3E3E3E; font-weight:bold;}  
div.sdmenu div a:hover { background : #fff url('http://s54.radikal.ru/i143/1007/0e/59b2b933ea92.png'); background-position:0 -25px; font-weight: bold; color: #fff; text-decoration: none;}  
/* ------------------------------------- */

и код
Code
<script type="text/javscript">  
function SDMenu(id) {  
    if (!document.getElementById || !document.getElementsByTagName)  
    return false;  
    this.menu = document.getElementById(id);  
    this.submenus = this.menu.getElementsByTagName("div");  
    this.remember = true;  
    this.speed = 5;  
    this.markCurrent = true;  
    this.oneSmOnly = false;  
}  
SDMenu.prototype.init = function() {  
    var mainInstance = this;  
    for (var i = 0; i < this.submenus.length; i++)  
    this.submenus[i].getElementsByTagName("span")[0].onclick = function() {  
    mainInstance.toggleMenu(this.parentNode);  
    };  
    if (this.markCurrent) {  
    var links = this.menu.getElementsByTagName("a");  
    for (var i = 0; i < links.length; i++)  
    if (links[i].href == document.location.href) {  
    links[i].className = "current";  
    break;  
    }  
    }  
    if (this.remember) {  
    var regex = new RegExp("sdmenu_" + encodeURIComponent(this.menu.id) + "=([01]+)");  
    var match = regex.exec(document.cookie);  
    if (match) {  
    var states = match[1].split("");  
    for (var i = 0; i < states.length; i++)  
    this.submenus[i].className = (states[i] == 0 ? "collapsed" : "");  
    }  
    }  
};  
SDMenu.prototype.toggleMenu = function(submenu) {  
    if (submenu.className == "collapsed")  
    this.expandMenu(submenu);  
    else  
    this.collapseMenu(submenu);  
};  
SDMenu.prototype.expandMenu = function(submenu) {  
    var fullHeight = submenu.getElementsByTagName("span")[0].offsetHeight;  
    var links = submenu.getElementsByTagName("a");  
    for (var i = 0; i < links.length; i++)  
    fullHeight += links[i].offsetHeight;  
    var moveBy = Math.round(this.speed * links.length);  
       
    var mainInstance = this;  
    var intId = setInterval(function() {  
    var curHeight = submenu.offsetHeight;  
    var newHeight = curHeight + moveBy;  
    if (newHeight < fullHeight)  
    submenu.style.height = newHeight + "px";  
    else {  
    clearInterval(intId);  
    submenu.style.height = "";  
    submenu.className = "";  
    mainInstance.memorize();  
    }  
    }, 30);  
    this.collapseOthers(submenu);  
};  
SDMenu.prototype.collapseMenu = function(submenu) {  
    var minHeight = submenu.getElementsByTagName("span")[0].offsetHeight;  
    var moveBy = Math.round(this.speed * submenu.getElementsByTagName("a").length);  
    var mainInstance = this;  
    var intId = setInterval(function() {  
    var curHeight = submenu.offsetHeight;  
    var newHeight = curHeight - moveBy;  
    if (newHeight > minHeight)  
    submenu.style.height = newHeight + "px";  
    else {  
    clearInterval(intId);  
    submenu.style.height = "";  
    submenu.className = "collapsed";  
    mainInstance.memorize();  
    }  
    }, 30);  
};  
SDMenu.prototype.collapseOthers = function(submenu) {  
    if (this.oneSmOnly) {  
    for (var i = 0; i < this.submenus.length; i++)  
    if (this.submenus[i] != submenu && this.submenus[i].className != "collapsed")  
    this.collapseMenu(this.submenus[i]);  
    }  
};  
SDMenu.prototype.expandAll = function() {  
    var oldOneSmOnly = this.oneSmOnly;  
    this.oneSmOnly = false;  
    for (var i = 0; i < this.submenus.length; i++)  
    if (this.submenus[i].className == "collapsed")  
    this.expandMenu(this.submenus[i]);  
    this.oneSmOnly = oldOneSmOnly;  
};  
SDMenu.prototype.collapseAll = function() {  
    for (var i = 0; i < this.submenus.length; i++)  
    if (this.submenus[i].className != "collapsed")  
    this.collapseMenu(this.submenus[i]);  
};  
SDMenu.prototype.memorize = function() {  
    if (this.remember) {  
    var states = new Array();  
    for (var i = 0; i < this.submenus.length; i++)  
    states.push(this.submenus[i].className == "collapsed" ? 0 : 1);  
    var d = new Date();  
    d.setTime(d.getTime() + (30 * 24 * 60 * 60 * 1000));  
    document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString() + "; path=/";  
    }  
};  

// <![CDATA[  
var myMenu;  
window.onload = function() {  
myMenu = new SDMenu("my_menu");  
myMenu.init();  
};  
// ]]>  

<!--  
function q1_onclick()  
{  
//document.getElementById('q2').style.visibility='hidden';  
document.getElementById('q2').style.display='none';  
//document.getElementById('q3').style.visibility='hidden';  
    document.getElementById('q3').style.display='none';  
//document.getElementById('q4').style.visibility='hidden';  
    document.getElementById('q4').style.display='none';  
}  
</script>
я сделал файлом (создал файл под названием my.js и загрузил в корень сайта .
в итоге менб поставилось(криво правдо) но оно не раздвигается . вот сайт где поставил (((

Добавлено (31.07.2010, 01:30)
---------------------------------------------
о всё сделал, всё работает. СПС

Добавлено (31.07.2010, 01:32)
---------------------------------------------
а можно его еще какнибуть выровнять, то оно кривое , и немного дизайн портит

 
Форум о uCoz и Web » Система uCoz » Скрипты для uCoz сайта » Меню для uCoz сайта
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: