Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
Привет.лв Главная Справка Поиск Вход Регистрация
Страниц: 1 2 3 
Печать Bookmark and Share
Удалить этот блок рекламы?
Удали рекламу
Выпадающее Меню (Прочитано 16427 раз)
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Выпадающее Меню
25.05.2007 :: 08:55:58
 
Ramzies, вижу Ты гуру в веб-програмировании. Я больше по части фотожопы и поэтому нуждаюсь в помощи.
Вопрос у меня следующий. Как попроще сделать выпадающее меню при навождении на кнопку-картинку. Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
на это сайте это реализовано так, как мне хотелось бы. Рыться и воровать чужые скрипты не хочу)

Заранее спс.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Выпадающее Меню
Ответ #1 - 25.05.2007 :: 09:43:05
 
Привет. Если потерпишь до воскресенья, помогу. Сейчас нет возможности, я не дома.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Re: Выпадающее Меню
Ответ #2 - 25.05.2007 :: 09:48:15
 
Долго, ну да ладно.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Выпадающее Меню
Ответ #3 - 27.05.2007 :: 20:31:25
 

Вобщем можно сделать так: Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
	<title>Untitled</title>
<style type="text/css">
body {
	font-family: arial, helvetica, serif;
}
ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
li { /* all list items */
	float: left;
	position: relative;
	width: 10em;
	  background:#EFEFEF;
}
li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}
</style>

<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
window.onload=startList;
//--><!]]></script>

</head>
<body>

<ul id="nav">
	<li>Sunfishes
		<ul>
			<li><a href="">Blackbanded sunfish</a></li>
			<li><a href="">Shadow bass</a></li>
			<li><a href="">Ozark bass</a></li>
			<li><a href="">White crappie</a></li>
		</ul>
	</li>

	<li>Grunts
		<ul>
			<li><a href="">Smallmouth grunt</a></li>
			<li><a href="">Burrito</a></li>
			<li><a href="">Pigfish</a></li>
		</ul>
	</li>

	<li>Remoras
		<ul>
			<li><a href="">Whalesucker</a></li>
			<li><a href="">Marlinsucker</a></li>
			<li><a href="">Ceylonese remora</a></li>
			<li><a href="">Spearfish remora</a></li>
			<li><a href="">Slender suckerfish</a></li>
		</ul>
	</li>

</ul>
<br>
text

</body>
</html>
 

Если что-то непонятно пиши, помогу Улыбка
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Re: Выпадающее Меню
Ответ #4 - 28.05.2007 :: 11:34:17
 
Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!


В принципе дальше я сам разберусь)
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Re: Выпадающее Меню
Ответ #5 - 01.06.2007 :: 12:36:45
 
Ramzies, ай ниид хелп)
Можешь стукнуть в аську 268570435 или скайп PeBaH_lv?
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Выпадающее Меню
Ответ #6 - 01.06.2007 :: 13:36:06
 
Ibanez писал(а) 01.06.2007 :: 12:36:45:
Ramzies, ай ниид хелп)
Можешь стукнуть в аську 268570435 или скайп PeBaH_lv?

Пиши тут.  Подмигивание Я не пользуюсь ICQ.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Re: Выпадающее Меню
Ответ #7 - 01.06.2007 :: 18:05:57
 
Ни скайпа, ни аськи?


Мне сделать такое меню тут Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
но тама картинки, и я боьсю код испортить.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Выпадающее Меню
Ответ #8 - 01.06.2007 :: 19:27:31
 
В твоем html много лишнего, постарайся сделать его более легким.
Насчет менюшки ищи у себя это: Код:
<tr>
		<td rowspan="13" width="55" background="images/index_12.gif">&nbsp;
			</td>
		<td colspan="4" bgcolor="#000000">
			<img src="images/index_13.gif" width="109" height="43" alt="Home"></td>
		<td colspan="3" bgcolor="#000000">
			<a href="/forum/">
			<img src="images/index_14.gif" width="148" height="43" border="0" alt=""></a></td>
		<td colspan="2" bgcolor="#000000">
			<img src="images/index_15.gif" width="98" height="43" alt=""></td>
		<td width="142" bgcolor="#000000">
			<img src="images/index_16.gif" width="142" height="43" alt=""></td>
		<td colspan="4" bgcolor="#000000">
			<img src="images/index_17.gif" width="119" height="43" alt=""></td>
		<td rowspan="13" width="53">
			<img src="images/index_18.gif" width="53" height="802" alt=""></td>
		<td width="1">
			<img src="images/spacer.gif" width="1" height="43" alt=""></td>
	</tr> 


И замени на это: (само собой CSS стили и JavaScript не забудь разместить в верху странички.) Код:
	<tr>
		<td rowspan="13" width="55" background="images/index_12.gif">&nbsp;
			</td>
		<td colspan="14" bgcolor="#000000">
<ul id="nav">
<li><img src="images/index_13.gif" width="109" height="43" alt="Home">
		<ul>
			<li><a href="">Blackba</a></li>
			<li><a href="">Shadow ba</a></li>
			<li><a href="">Ozark bass</a></li>
			<li><a href="">White cra</a></li>
			<li><a href="">White cr</a></li>
		</ul>
		</li>
<li><a href="/forum/"><img src="images/index_14.gif" width="148" height="43" border="0" alt=""></a>
		<ul>
			<li><a href="">Blackba</a></li>
			<li><a href="">Shadow ba</a></li>
			<li><a href="">Ozark bass</a></li>
			<li><a href="">White cra</a></li>
			<li><a href="">White cr</a></li>
		</ul>
		</li>
<li><img src="index_15.gif" width="98" height="43" alt="">
		<ul>
			<li><a href="">Blackba</a></li>
			<li><a href="">Shadow ba</a></li>
			<li><a href="">Ozark bass</a></li>
			<li><a href="">White cra</a></li>
			<li><a href="">White cr</a></li>
		</ul>
		</li>
<li><img src="index_16.gif" width="142" height="43" alt="">
		<ul>
			<li><a href="">Blackba</a></li>
			<li><a href="">Shadow ba</a></li>
			<li><a href="">Ozark bass</a></li>
			<li><a href="">White cra</a></li>
			<li><a href="">White cr</a></li>
		</ul>
		</li>
<li><img src="images/index_17.gif" width="119" height="43" alt="g">
		<ul>
			<li><a href="">Blackba</a></li>
			<li><a href="">Shadow ba</a></li>
			<li><a href="">Ozark bass</a></li>
			<li><a href="">White cra</a></li>
			<li><a href="">White cr</a></li>
		</ul>
		</li>
</ul>
	 	</td>
		<td rowspan="13" width="53">
			<img src="images/index_18.gif" width="53" height="802" alt=""></td>
		<td width="1">
			<img src="images/spacer.gif" width="1" height="43" alt=""></td>
	</tr> 


Наверняка тебе будет нужно немного подредактировать CSS стили...
Я не проверял все это на работоспособность, так что лучше сделай копию документа а потом редактируй его Улыбка
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Re: Выпадающее Меню
Ответ #9 - 01.06.2007 :: 21:27:23
 
Этот код я ещё буду ковырять долго, его делал Adobe ImageReady на импорте
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ibanez
Его знают
***
Вне Форума

Bastard Of Bodom

Сообщений: 115
Даугавпилс
Пол: male
Re: Выпадающее Меню
Ответ #10 - 04.06.2007 :: 21:35:51
 
Не против, если я дам тебе запечатаный в архив сайт, а ты сделаешь меню?  Улыбка У меня не получается.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
WWW 268570435   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Выпадающее Меню
Ответ #11 - 04.06.2007 :: 21:41:16
 
Нееет. Давай вместе разбираться, иначе ты так никогда не научишься. Что именно не получилось?  Улыбка
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Страниц: 1 2 3 
Печать Bookmark and Share
www.privet.lv

Privet.lv/forum » Powered by YaBB 2.2.3 (fix)!
YaBB © 2000-2012. Все права защищены.
Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge