Едно меню

oXteR

Registered
Трябва ми меню като на този сайт http://shablon.org/
Като идеш с ми6ката на линка и да става друг цвят :idea:
 
Примитивно:

Код:
<head>
<meta http-equiv="Content-Language" content="en-us">
<script language="JavaScript" fptype="dynamicanimation">

</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="file:///C:/Program%20Files/Microsoft%20Office/OFFICE11/fpclass/animate.js">
</script>
</head>

<body onload="dynAnimation()" language="Javascript1.2">

<table border="1" width="100%" style="border-width: 0px">
	<tr>
		<td style="border-style: none; border-width: medium" bgcolor="#FFFF00">
		<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #0000FF; background-color: #0000FF" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">
		<span lang="bg"><a href="http://www.bogoroditsa.bg">
		<span style="background-color: #FFFF00">ЛИНК</span></a></span></p>
		</td>
	</tr>
	<tr>
		<td style="border-style: none; border-width: medium" bgcolor="#FFFF00">
		<p dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #000000; background-color: #C0C0C0" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">
		<span style="background-color: #FFFF00" lang="bg">
		<a href="http://www.haskovo-bg.net/cite/">ЛИНК</a></span></p>
		</td>
	</tr>
</table>
 
Ето ти съвсем примитивно меню със ЦСС.

HTML : Прост ънордърт лист с линкове, за да стане като меню
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="html/css/menu.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="menu">
<ul>
  <li><a href="#">link1 </a></li>
  <li><a href="#">link2</a></li>
  <li><a href="#">link3</a></li>
  <li><a href="#">link4</a></li>
</ul>
</div>
</body>

</html>

Ето и цсс-а : слагал съм тук-там коментари.
Код:
@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
}
#menu
{
width:200px;
}
#menu ul 
{
	list-style-type:disc;
	padding:0; /* malko padding i margin, za pozicionirane */
                margin:1.5em;
}
#menu ul li {
padding-top:5px; /* za razstoqnie m/u elementite */
}
#menu ul li a {
text-decoration:none;
}
#menu ul li a:link  /* cvqt na linka */
{
color:#0033FF;
}
#menu  ul li a:visited /* su6tiq cvqt kato na linka , za da ne se promenq sled click */
{
color:#0033FF;
}
#menu ul li a:hover /* hover-a 6te ti smenq cveta pri preminavane i 6te pod4ertava */
{
color:#FF0000;
text-decoration:underline;
}
#menu ul li a:active { } /* slaga6 nqkuf cvqt */

Това е съвсем примитивно ;) Вече ти си го оправяш както искаш.
Демo
 
oXteR каза:
На сайта ли демото не работи или менюто е такова :idea:
В какъв смисъл да не работи?Би ли пояснил?
А и аз май не разбрах като кое меню искаш да бъде.Това, което е озаглавено "навигация" или това от рекламите, защото аз видях него и него тръгнах да пиша :oops:
Става въпрос за http://shablon.org/
 
oXteR каза:
При мен нестава :cry:
С какъв експлоурър си ? И как така не става .. Поясни :shock: :idea: Като минеш с мишката и не се сменя цвета, така ли ?
 

Back
Горе