Pepek23viz
Rozwiązane

wystawiam to zadanie drugi raz!!! ludzie ja wiem jak sie daje kopiuj wklej!!! nie zdobywajcie pktow na sile. ponizej wyraznie wielkimi literami napisalem ktore menu mnie interesuje ze strony ktora podalem!! dalem link i to nie jest pierwszy kod na tej stronie nalezy zjechac troche nizej, odpowiedz ktora mnie satysfakcjonuje to np wklej ten kod i zapisz go jako costam.js to zapisz jako menu.css ma dzialac! kazda zla odpowiedz jest zglaszana jako bledna wiec punktow i tak nie uzyskacie a do tego bedzie ostrzezenie od admina

potrzebuje aby ktos mi dokladnie przedstawil w jakiej formie nalezy wkleic kod zawarty na stronie


http://www.kurshtml.boo.pl/skrypty/wyglad,menu_rozwijane.html


aby dzialalo MENU IMITUJĄCE TRADYCYJNE MENU APLIKACJI

prosze o konkretna odpowiedz na pytanie a nie zbieranie punktow

Odpowiedź :

1.otwierasz tą stronę
http://www.kurshtml.boo.pl/skrypty/skrypt,menu_rozwijane.html
kopiujesz ten pierwszy duży kod zaczynający się od
/**
* @author Sławomir Kokłowski {@link http://www.kurshtml.boo.pl}
* @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!)
*/

function Menu(id, style, otworz, wysun, czasRozwin, czasZwin, czasOtworz, czasZamknij, nieInicjalizuj)
{

zapisujesz go jako menu.js
2. Tworzysz nowy dokument html lub xhtml np. taki:

<!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" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title></title>
</head>

<body>

</body>
</html>
3. teraz dopisujesz do head:
<link rel="Stylesheet" type="text/css" href="menu.css" />
<script type="text/javascript" src="menu.js"></script>

4. między znacznik body wstawiasz kod
<dl id="menu0">
<dt>Kurs</dt>
<dd>
<dl>
<dt><a href="...">HTML</a></dt>
<dd>
<dl>
<dt><a href="...">Dla zielonych</a></dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
</dd>
<dd>
<dl>
<dt><a href="...">BODY i META</a></dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
</dd>
<dd>
<dl>
<dt><a href="...">Tekst</a></dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
</dd>
</dl>
</dd>
<dd>
<dl>
<dt><a href="...">CSS</a></dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
</dd>
</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu0', 'menu0', true, false, 0, 0, -1, -1, true);
// ]]>
</script>

5.
.menu0, .menu0 dl {
font-size: 12px;
position: absolute;
width: 150px;
margin: 0;
padding: 0;
border-width: 1px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
}

.menu0 dt {
cursor: pointer;
margin: 0;
padding: 0;
background-color: #888;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 14px;
border-width: 1px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 4px 5px;
}

.menu0 dl dt {
background-color: #ccc;
color: #000;
text-align: left;
font-weight: normal;
font-size: 12px;
border: 0;
padding: 0;
}

.menu0 dd {
background-color: #ccc;
color: #000;
margin: 0;
padding: 0;
width: 150px;
height: 22px;
}

.menu0 dd.active {
font-weight: bold;
}

.menu0 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}

.menu0 a:link, .menu0 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}

.menu0 a:hover {
color: #fff;
background-color: #008;
}

.menu0 dl {
position: absolute;
border: 0;
}

.menu0 dl dd {
position: relative;
left: 151px;
bottom: 22px;
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
}
to zapisujesz jako menu.css
i powinno działać


Viz Inne Pytanie