Перейти к публикации

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

STX

Автор: STX,
в В помощь вебмастеру

 Рассказать Подписчики 0

Рекомендованные сообщения

STX

STX 0

Опубликовано:
Опубликовано:

Я скачал скрипт меню,открываю его блокнотом.Вижу код

А что дальше?Что с этим кодом делать то?Как его установить на сайт?Помогите нубу

<html>

<head>

<title>WOweb.ru - Scripts - JavaScript - Графическое вертикальнео меню</title>

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">

<!-- HEAD START HERE -->

<script language=JavaScript>

<!-- Beginning of JavaScript -

// Set the starting position of the categories of your menu

var menu1top=5

var menu2top=95

var menu3top=185

var menuleft=-115

// This number configures the length and the speed of the menu-movement.

// Play around with it until you are satisfied.

var pace=14

// Don't change the variables below.

var step

var direction

var pause=25

var thismenu

var vorzeichen=1

var vorzeimenu1=-1

var vorzeimenu2=-1

var vorzeimenu3=-1

var menuismoving="no"

function inite() {

if (document.layers) {

document.menu1.left=menuleft

document.menu2.left=menuleft

document.menu3.left=menuleft

document.menu1.top=menu1top

document.menu2.top=menu2top

document.menu3.top=menu3top

}

if (document.all) {

document.all.menu1.style.posLeft=menuleft

document.all.menu2.style.posLeft=menuleft

document.all.menu3.style.posLeft=menuleft

document.all.menu1.style.posTop=menu1top

document.all.menu2.style.posTop=menu2top

document.all.menu3.style.posTop=menu3top

}

}

function getmenuname(clickedmenu) {

if (menuismoving=="no") {

if (document.layers) {

thismenu=eval("document."+clickedmenu)

}

if (document.all) {

thismenu=eval("document.all."+clickedmenu+".style")

}

step=pace

checkdirection()

movemenu()

}

}

function checkdirection() {

if (document.layers) {

if (thismenu==document.menu1){vorzeimenu1=vorzeimenu1*-1;vorzeichen=vorzeimenu1}

if (thismenu==document.menu2){vorzeimenu2=vorzeimenu2*-1;vorzeichen=vorzeimenu2}

if (thismenu==document.menu3){vorzeimenu3=vorzeimenu3*-1;vorzeichen=vorzeimenu3}

}

if (document.all) {

if (thismenu==document.all.menu1.style){vorzeimenu1=vorzeimenu1*-1;vorzeichen=vorzeimenu1}

if (thismenu==document.all.menu2.style){vorzeimenu2=vorzeimenu2*-1;vorzeichen=vorzeimenu2}

if (thismenu==document.all.menu3.style){vorzeimenu3=vorzeimenu3*-1;vorzeichen=vorzeimenu3}

}

menuismoving="yes"

}

function movemenu() {

if (document.layers) {

if (step>=0) {

thismenu.left+=step*vorzeichen

step--

var movetimer=setTimeout("movemenu()",pause)

}

else {

menuismoving="no"

clearTimeout(movetimer)

}

}

if (document.all) {

if (step>=0) {

thismenu.posLeft+=step*vorzeichen

step--

var movetimer=setTimeout("movemenu()",pause)

}

else {

menuismoving="no"

clearTimeout(movetimer)

}

}

}

// - End of JavaScript - -->

</SCRIPT>

<STYLE type=text/css>#menu1 {

LEFT: -1000px; POSITION: absolute

}

#menu2 {

LEFT: -1000px; POSITION: absolute

}

#menu3 {

LEFT: -1000px; POSITION: absolute

}

.baseline {

FONT-SIZE: 9pt; LEFT: 250px; COLOR: #000000; FONT-FAMILY: Arial; POSITION: absolute; TOP: 100px

}

</STYLE>

<!-- HEAD END HERE -->

</head>

<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0" onload=inite()>

<center>

<!-- BODY START HERE -->

<DIV id=menu1><IMG height=93

src="primer70_1.gif" width=150

useMap=#primer70_1.gif border=0> <MAP name=primer70_1.gif><AREA shape=RECT

coords=117,10,132,83 href="java script:getmenuname('menu1')"><AREA shape=RECT

coords=22,10,91,24 href="http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA

shape=RECT coords=22,25,91,38

href="http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA shape=RECT

coords=19,39,92,51 href="http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA

shape=RECT coords=19,54,91,64

href="http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA'>http://www.woweb.ru"><AREA shape=RECT

coords=20,67,93,79

href="http://www.woweb.ru"></MAP></DIV>

<DIV id=menu2><IMG height=93

src="primer70_2.gif" width=150

useMap=#primer70_2.gif border=0> <MAP name=primer70_2.gif><AREA shape=RECT

coords=117,7,133,82 href="java script:getmenuname('menu2')"><AREA shape=RECT

coords=20,12,63,23 href="#"><AREA

shape=RECT coords=18,24,65,37

href="#"><AREA shape=RECT

coords=18,40,66,52 href="#"><AREA

shape=RECT coords=19,55,71,63

href="#"><AREA shape=RECT

coords=16,68,72,80

href="#"></MAP></DIV>

<DIV id=menu3><IMG height=93

src="primer70_3.gif" width=150

useMap=#primer70_3.gif border=0> <MAP name=primer70_3.gif><AREA shape=RECT

coords=117,7,133,82 href="java script:getmenuname('menu3')"><AREA shape=RECT

coords=19,9,82,24 href="#"><AREA

shape=RECT coords=17,25,82,36

href="#"><AREA shape=RECT

coords=19,37,81,50 href="#"><AREA

shape=RECT coords=19,51,82,64

href="#"><AREA shape=RECT

coords=19,66,82,78

href="#"></MAP></DIV>

<!-- BODY END HERE -->

</body>

</html>

Ссылка на сообщение
Поделиться на других сайтах
STX

STX 0

Опубликовано:
Опубликовано: Автор

Да блин!Я полностью знаю html но не знаю в какой файл вписывать скрипт меню.Это как раз к DLE относится.Куда надо вписать скрипт чтобы меню появилось на сайте?Отредактировать я его сам смогу

Ссылка на сообщение
Поделиться на других сайтах
Dmitriy R.

Dmitriy R. 0

Опубликовано:
Опубликовано:

Ну я вставлю скрипт туда а как редактировать само мню?В админпанели?Или как то еще?

В админ панеле. "Другие разделы" => "Шаблоны сайта" => Общий макет страницы

Ссылка на сообщение
Поделиться на других сайтах
Hydrargyrum

Hydrargyrum 2

Опубликовано:
Опубликовано:

Ну я вставлю скрипт туда а как редактировать само мню?В админпанели?Или как то еще?

Само меню редактируешь вручную в коде файла main.tpl или в админпанели "Другие разделы" => "Шаблоны сайта" => Общий макет страницы (тоже переписываешь код).

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

<!-- BODY START HERE -->


<DIV id=menu1><IMG height=93

src="primer70_1.gif" width=150

useMap=#primer70_1.gif border=0> <MAP name=primer70_1.gif><AREA shape=RECT

coords=117,10,132,83 href="java script:getmenuname('menu1')"><AREA shape=RECT

coords=22,10,91,24 href="http://www.woweb.ru"><AREA

shape=RECT coords=22,25,91,38

href="http://www.woweb.ru"><AREA shape=RECT

coords=19,39,92,51 href="http://www.woweb.ru"><AREA

shape=RECT coords=19,54,91,64

href="http://www.woweb.ru"><AREA shape=RECT

coords=20,67,93,79

href="http://www.woweb.ru"></MAP></DIV>

<DIV id=menu2><IMG height=93

src="primer70_2.gif" width=150

useMap=#primer70_2.gif border=0> <MAP name=primer70_2.gif><AREA shape=RECT

coords=117,7,133,82 href="java script:getmenuname('menu2')"><AREA shape=RECT

coords=20,12,63,23 href="#"><AREA

shape=RECT coords=18,24,65,37

href="#"><AREA shape=RECT

coords=18,40,66,52 href="#"><AREA

shape=RECT coords=19,55,71,63

href="#"><AREA shape=RECT

coords=16,68,72,80

href="#"></MAP></DIV>

<DIV id=menu3><IMG height=93

src="primer70_3.gif" width=150

useMap=#primer70_3.gif border=0> <MAP name=primer70_3.gif><AREA shape=RECT

coords=117,7,133,82 href="java script:getmenuname('menu3')"><AREA shape=RECT

coords=19,9,82,24 href="#"><AREA

shape=RECT coords=17,25,82,36

href="#"><AREA shape=RECT

coords=19,37,81,50 href="#"><AREA

shape=RECT coords=19,51,82,64

href="#"><AREA shape=RECT

coords=19,66,82,78

href="#"></MAP></DIV>


<!-- BODY END HERE -->

прописывая ссылки на созданные тобой категории...

Ссылка на сообщение
Поделиться на других сайтах
STX

STX 0

Опубликовано:
Опубликовано: Автор

Я попытался создать меню в виде фрейма вот код,menu0(сам фрейм) я закачал в файловый менеджер в папку default.Захожу на страницу-ничего не изменилось,все как раньше

<frameset border="0" frameborder="no" framespacing="0" >

<frame src="menu0.html" bordercolor="black" frameborder="0" noresize scrolling="no">

</frameset>

Ссылка на сообщение
Поделиться на других сайтах
STX

STX 0

Опубликовано:
Опубликовано: Автор

А хотя нет не все =) У меня есть скрипт меню,оно довольно простенькое.Когда оно в отдельном html документе то все работает,а когда я поставил на сайт почему-то не появляються подменю при нажатии на основное.Кто-нибудь просмторите код и скажите что не так а то я сам никак не пойму.Извините что нагружаю)

<html>

<head>

<Style>

A:Link{ Color: orange;}

A:Visited{ Color: brown;}

A:Hover{ Color: blue;}

td, body {font-family: verdana, arial, helvetica; font-size:11px;}

</Style>

<!-- HEAD START HERE -->

<script language=JavaScript>

function clickHandler()

{ var targetId, srcElement,

targetElement; srcElement = window.event.srcElement;

if (srcElement.className == "Outline") {

targetId = srcElement.id + "details";

targetElement = document.all(targetId);

if (targetElement.style.display == "none") {

targetElement.style.display = "";

} else {

targetElement.style.display = "none";

} }} document.onclick = clickHandler;

</script>

<!-- HEAD END HERE -->

</head>

<body topmargin="0" leftmargin="0">

<!-- BODY START HERE -->

<b id=Out2 class=Outline style="cursor: hand;">►MENU 1</b><br>

<div id=Out2details style="display:None; position:relative; left:9;">

<a href="#">►Menu 1.1</a><br>

<a href="#">►Menu 1.2</a><br>

<a href="#">►Menu 1.3</a><br>

<a href="#">►Menu 1.4</a><br>

<a href="#">►Menu 1.5</a><br>

</div>

<b id=Out3 class=Outline style="cursor: hand;">►MENU 2</b><br>

<div id=Out3details style="display:None; position:relative; left:9;">

<a href="#">►Menu 2.1</a><br>

<a href="#">►Menu 2.2</a><br>

<a href="#">►Menu 2.3</a><br>

<a href="#">►Menu 2.4</a><br>

<a href="#">►Menu 2.5</a><br>

</div>

<b id=Out4 class=Outline style="cursor: hand;">►MENU 3</b><br>

<div id=Out4details style="display:None; position:relative; left:9;">

<a href="#">►Menu 3.1</a><br>

<a href="#">►Menu 3.2</a><br>

<a href="#">►Menu 3.3</a><br>

<a href="#">►Menu 3.4</a><br>

<a href="#">►Menu 3.5</a><br>

</div>

<b id=Out5 class=Outline style="cursor: hand;">►MENU 5</b><br>

<div id=Out5details style="display:None; position:relative; left:9;">

<a href="#">►Menu 4.1</a><br>

<a href="#">►Menu 4.2</a><br>

<a href="#">►Menu 4.3</a><br>

<a href="#">►Menu 4.4</a><br>

<a href="#">►Menu 4.5</a><br>

</div>

<b id=Out6 class=Outline style="cursor: hand;">►MENU 5</b><br>

<div id=Out6details style="display:None; position:relative; left:9;">

<a href="#">►Menu 5.1</a><br>

<a href="#">►Menu 5.2</a><br>

<a href="#">►Menu 5.3</a><br>

<a href="#">►Menu 5.4</a><br>

<a href="#">►Menu 5.5</a><br>

</div>

<b id=Out7 class=Outline style="cursor: hand;">►MENU 6</b><br>

<div id=Out7details style="display:None; position:relative; left:9;">

<a href="#">►Menu 6.1</a><br>

<a href="#">►Menu 6.2</a><br>

<a href="#">►Menu 6.3</a><br>

<a href="#">►Menu 6.4</a><br>

<a href="#">►Menu 6.5</a><br>

</div>

<b id=Out8 class=Outline style="cursor: hand;">►MENU 7</b><br>

<div id=Out8details style="display:None; position:relative; left:9;">

<a href="#">►Menu 7.1</a><br>

<a href="#">►Menu 7.2</a><br>

<a href="#">►Menu 7.3</a><br>

<a href="#">►Menu 7.4</a><br>

<a href="#">►Menu 7.5</a><br>

</div>

<b id=Out9 class=Outline style="cursor: hand;">►MENU 8</b><br>

<div id=Out9details style="display:None; position:relative; left:9;">

<a href="#">►Menu 8.1</a><br>

<a href="#">►Menu 8.2</a><br>

<a href="#">►Menu 8.3</a><br>

<a href="#">►Menu 8.4</a><br>

<a href="#">►Menu 8.5</a><br>

</div>

<!-- BODY END HERE -->

</body>

</html>

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
 Рассказать
Подписчики 0
Перейти к списку тем
×
×
  • Создать...