ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

Нужна помощь с меню

 

1757
AndreyKiev @AndreyKiev
Вот у меня на сайте в меню есть пункт Все для uCoz когда подводишь к этой ссылке мышку то курсор меняется как сделать чтоб курсор и выделения была такое ж как и при наводке на другие ссылки этого меню

Смотреть отсюда
**********

4036
DelFast @DelFast
style="cursor:hand;" как помню..

1757
AndreyKiev @AndreyKiev
Nietzshe пишет:

style="cursor:hand;" как помню..

и что? где применить?или удалить?))

2349
redsymbzone @redsymbzone
ну в саму ссылку,куда,куда...<a href="blabla" style="cursor:hand;">текст</a>
советую это все дело в css прописать,1-меньше трафика жрать будет 2-легче намного чем прописовать это каждый раз

4875
ValdeZ @ValdeZ
cursor:pointer;
cursor:hand;
Вроде бы и так и так надо писать, одна из этих вещей - чисто свойство для ИЕ

1757
AndreyKiev @AndreyKiev
да точно спс.
А как сделать чтоб еще и красным выделялось?как на других ссылках

4036
DelFast @DelFast
Вариант сделать как ссылку без ничего.. попробуй так
<a href=# style="cursor:pointer;" ........

Отредактировано DelFast - 24.06.2009
1757
AndreyKiev @AndreyKiev
Nietzshe пишет:

Вариант сделать как ссылку без ничего.. попробуй так
<a href=# style="cursor:pointer; " ........

Неа

cursor:hand -вот это помогло при на ведении на ссылку появляется рука как и на другие ссылки а вот чтоб красным ссылка становилась при наведении никак не хочет)

4036
DelFast @DelFast
сделай ссылку - <a>

1757
AndreyKiev @AndreyKiev
Nietzshe пишет:

сделай ссылку - <a>

получилось тока при нажатии на все для юкоз открывется окно с: невозможно найти страницу.
а не должно нечего открыватся а просто список роскрыватся

4036
DelFast @DelFast
а так <a style="cursor:pointer;"

1757
AndreyKiev @AndreyKiev
Nietzshe пишет:

а так <a style="cursor:pointer;"

и куда это уже пихать было ж такое)

1130
Александр @WestSide
europe-kiev пишет:

Nietzshe пишет:

а так <a style="cursor:pointer;"

и куда это уже пихать было ж такое)

в <a>

1757
AndreyKiev @AndreyKiev
открыввается **********

чтото не то вставляем

6600
Александр @admiral
Для примера написал как ссылке в таблице задавать цвет текста ссылки и при наведении, цвет фона ссылки и при наведении и курсор для ссылок и при наведении, стили можно не на страницу прописать, а в файл стилей, для таблицы задан свой id!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример</title>
<style type="text/css">
#menu a, a:active { color:000000; background-color:f3f3f3; cursor:hand; }
#menu a:hover { color:ffffff; background-color:ff0000; cursor:hand; }
</style>
</head>
<body>
<table border="0" width="100%" cellspacing="0" cellpadding="5" id="menu">
<tr>
<td><a href="ссылка">название</a></td>
</tr>
</table>
</body>
</html>

1757
AndreyKiev @AndreyKiev
Саша
у меня там не ссылка идет а раскрывающийся список.



вот надпись Все для uCoz нада чтоб при наводе на нее мышкой она выделялась красным цветом как и остальные ссылки меню.
вот смотри **********

<script language="JavaScript">
function show(obj) {
if (document.getElementById(obj).style.display == 'none')
document.getElementById(obj).style.display = 'block';
else document.getElementById(obj).style.display = 'none';
}
</script>

<span class="newmenu" onclick="show('sub1')">
<IMG border="0" SRC="http://europe-kiev.ucoz.ru/menu.jpg"><span style="text-decoration: underline;cursor:hand; "><font color=#3D80B0><b>Все для uCoz <IMG border="0" SRC="http://europe-kiev.ucoz.ru/news.gif"></font></a></b></font> </span>
</span> <br>
<span class="sub" id="sub1" style="display: none;">
<a href="/blog/1-0-4"title="Новые и популярные"> <li>Скрипты для uCoz</a><br>
<a href="/blog/1-0-5"title="Интересные и познавательные"><li>Статьи (инструкции)uCoz </a>
<a href="/blog/1-0-6"title="Видео материалы"><li>Видео uCoz</a>
</span>

Отредактировано AndreyKiev - 24.06.2009
6600
Александр @admiral
Тогда такой выход можно использовать, добавляем элементу id, например я взял id=menu и задаем событие для мыши через onmouseover и onmouseout, то есть как будет себя вести содержимое при наведении мыши и без него:
<span class="newmenu" id="menu" onclick="show('sub1')" onmouseover="menu.style.backgroundColor='#ff0000'" onmouseout="menu.style.backgroundColor=''">
<IMG border="0" SRC="http://europe-kiev.ucoz.ru/menu.jpg"><span style="text-decoration: underline; cursor:hand;"><font color=#3D80B0><b>Все для uCoz <IMG border="0" SRC="http://europe-kiev.ucoz.ru/news.gif"></font></b></font> </span>
</span> <br>

PS заметь что в onmouseover и onmouseout задан id menu!

1757
AndreyKiev @AndreyKiev
admiral пишет:

Тогда такой выход можно использовать, добавляем элементу id, например я взял id=menu и задаем событие для мыши через onmouseover и onmouseout, то есть как будет себя вести содержимое при наведении мыши и без него:
<span class="newmenu" id="menu" onclick="show('sub1')" onmouseover="menu.style.backgroundColor='#ff0000'" onmouseout="menu.style.backgroundColor=''">
<IMG border="0" SRC="http://europe-kiev.ucoz.ru/menu.jpg"><span style="text-decoration: underline; cursor:hand;"><font color=#3D80B0><b>Все для uCoz <IMG border="0" SRC="http://europe-kiev.ucoz.ru/news.gif"></font></b></font> </span>
</span> <br>

PS заметь что в onmouseover и onmouseout задан id menu!

Во выделяется тока они сильно выделяется я думаю что backgroundColor нада заменить на чтото другое вот зайди наведи мышку на все для юкоз и посмотри как оно выделяет.
**********

6600
Александр @admiral
Тогда:
1. В стили добавляем, чтобы ссылке задать цвет по умолчанию:
#menu { color:#3D80B0; }

2. меняем:
onmouseover="menu.style.backgroundColor='#ff0000'" onmouseout="menu.style.backgroundColor=''"

на:
<span class="newmenu" id="menu" onclick="show('sub1')" onmouseover="menu.style.color='#ff0000'" onmouseout="menu.style.color='#3D80B0'">
А воопще там ошибок исправлять еще и исправлять в шаблоне 😉

1757
AndreyKiev @AndreyKiev
Спасибо за помощь ну не буду трогать оставлю так бо я так такого уже напутаю)
А вопще как можно сделать чтоб ссылка как бы была активна но при клике на нее не куда не переходила
Типа вот так

<a href=" здесь что-то ">все для юкоз</a>