Спешна помощ с едно меню ...

[Teodotko]

Здравейте искам да вградя в сайта си едно ново меню което изтеглих от интернет .

Http://www.infinity-archlord.eu/menu.html - това е менюто , но когато го инклудна в сайта не бачка

Http://www.infinity-archlord.eu - демо

STYLE-menu.CSS

body {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

 

[rivo]

Това го сложи в index.html-примерно

<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="index.php"><img src="images/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="contact.php"><img src="images/mail.png" alt="contact" /><span>Contact</span></a>
<a class="dock-item" href="download.php"><img src="images/download.png" alt="downloads" /><span>Downloads</span></a>
<a class="dock-item" href="/forum/"><img src="images/cupboard.png" alt="Forum" /><span>Forum</span></a>
<a class="dock-item" href="/chat/"><img src="images/chat_2.png" alt="rss" /><span>Chat</span></a>
<a class="dock-item" href="/chat/"><img src="images/bulb.png" alt="Help US !" /><span>Donate</span></a>
</div>
</div>
<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
}
);

</script>

 

[Teodotko]

<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/interface.js"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="index.php"><img src="images/home.png" alt="home" /><span>Home</span></a> 
  <a class="dock-item" href="contact.php"><img src="images/mail.png" alt="contact" /><span>Contact</span></a> 
  <a class="dock-item" href="download.php"><img src="images/download.png" alt="downloads" /><span>Downloads</span></a> 
  <a class="dock-item" href="/forum/"><img src="images/cupboard.png" alt="Forum" /><span>Forum</span></a> 
  <a class="dock-item" href="/chat/"><img src="images/chat_2.png" alt="rss" /><span>Chat</span></a> 
  <a class="dock-item" href="/chat/"><img src="images/bulb.png" alt="Help US !" /><span>Donate</span></a> 
</div>
</div>
<script type="text/javascript">
	
	$(document).ready(
		function()
		{
			$('#dock').Fisheye(
				{
					maxWidth: 50,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container',
					itemWidth: 40,
					proximity: 90,
					halign : 'center'
				}
			)
		}
	);

</script>

Това ми е кода на menu.html а него го include в header.php за да излиза на всяка страница . Единствения проблем в момента е , че не се движи както когато е съмостоятелен файла ...

 

[dELux_nike]

линка към менюто не работи