cambio colore

**primi_passi** · 22-04-2009, 15:25

salve una info, ho fatto un menu ad albero, adesso vorrei fare una cosa se qaunto sto su una parte del menu, me lo dovrebbe colorare cosi facendo mi fa capire dove sto, si può fare?
mi fate vedere un esempio.
grazie

**DrugsMatt** · 22-04-2009, 17:28

ciao, postaci il codice perfavore

**primi_passi** · 22-04-2009, 21:44

ecco il codice, grazie,quando clicco sui vari menu dovrebbe cambiare di colore la parte sinistra che adesso è in nero, fammi sapere se ti serve anche il css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

<head>
<title>Tenuta Pietra Pinta</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content=" - t" />
<meta name="keywords" content=" " />
<meta name="description" content="" />
<meta name="Copyright" content="Copyright (c) Your copyright here 2009" />

<link rel="stylesheet" type="text/css" href="stili/grapes.css" />
</head>

<body>
<div id="container">
<div id="hdr">
<p align="center">
[img]images/head_panorama.jpg[/img]
</p>
<h1><marquee width="560" scrollamount="1" direction="up" align="middle" height="100" >
<font color="black" size="4" style="font-style:italic; font-family:Calibri"> La " vi aspetta..</font>
</marquee>
</h1>
<p id="tagline"></p>
</div>

<div id="lftcol">
<ul id="nav">
<style>
body {
font: .60em MS Reference Sans Serif;
}
ul {
list-style: disc url(doc.gif);
margin:0;padding:0 2em;
}
li.menu { list-style: square url(cartellachiusa.gif); }

</style>
<script type="text/javascript">

function mmenu(mID) {
var uls = document.getElementsByTagName("ul");
for (i=0;i<uls.length;i++) {
if(uls[i].className=="submenu")uls[i].style.display = "none";
}
var menu = document.getElementById(mID);
var display = menu.style.display;
menu.style.display = (display == "block") ? "none" : "block";
menu.parentNode.style.listStyleImage = (display == "block") ? "url(cartellachiusa.gif)" : "url(cartellaaperta.gif)";
}

function subMenu(mID) {
var menu = document.getElementById(mID);
var display = menu.style.display;
menu.style.display = (display == "block") ? "none" : "block";
menu.parentNode.style.listStyleImage = (display == "block") ? "url(cartellachiusa.gif)" : "url(cartellaaperta.gif)";
}

window.onload = function() {
var uls = document.getElementsByTagName("ul");
for (i=0;i<uls.length;i++) {
if(uls[i].className=="submenu")uls[i].style.display = "none";
}
}
//-->
</script>

<body>
<ul>
<li class="menu"><font face="Tahoma" size="1" color="yellow">AZIENDA </font>
<li class="menu"><font face="Tahoma" size="1" color="yellow">TERRITORIO </font>
<li class="menu"><font face="Tahoma" size="1" color="yellow">AGRITURISMO </font>
<li class="menu"><font face="Tahoma" size="1" color="yellow">PRODOTTI </font>
<ul class="submenu" id="submenu-1-1">
<li class="menu"><font face="Tahoma" size="1" color="yellow">VINI ROSSI</font>
<ul class="submenu" id="submenu-1-1-1">
<font size="1" face="calibri">Colle amato</font>
<font size="1" face="calibri">Costa vecchia</font>
<font size="1" face="calibri">Merlot</font>
<font size="1" face="calibri">Petit verdot</font>
<font size="1" face="calibri">Shiraz</font>

<li class="menu"><font face="Tahoma" size="1" color="yellow">VINI BIANCHI</font>
<ul class="submenu" id="submenu-1-1-1-1">
[*]<font size="1"face="calibri">Chardonnay</font>
[*]<font size="1"face="calibri">Falanghina</font>
[*]<font size="1"face="calibri">Vendemmia tardiva</font>
[/list]

<li class="menu"><font face="Tahoma" size="1" color="yellow">VINI ROSE</font>
<ul class="submenu" id="submenu-1-1-1-1-1">
[*]<font size="1" face="calibri">Chic</font>
[/list]

<li class="menu"><font face="Tahoma" size="1" color="yellow">L'OLIO</font>
<ul class="submenu" id="submenu-1-1-1-1-1-1">
[*]<font size="1"face="calibri">olio extra vergine</font>
[/list]

<li class="menu"><font face="Tahoma" size="1" color="yellow">SOTT'OLI</font>
<ul class="submenu" id="submenu-1-1-1-1-1-1-1">
[*]<font size="1" face="calibri">Peperoni </font>
[*]<font size="1"face="Calibri">Carciofi</font>
[*]<font size="1"face="Calibri">Melanzane</font>
[/list]

[/list]

<li class="menu"><font face="Tahoma" size="1" color="yellow">FRANTOIO</font>
<li class="menu"><font face="Tahoma" size="1" color="yellow">CANTINA</font>
<li class="menu"><font face="Tahoma" size="1" color="yellow">GALLERIA</font>
<li class="menu"><font face="Tahoma" size="1" color="yellow">DOVE SIAMO</font>
<li class="menu"><font face="Tahoma" size="1" color="yellow">CONTATTI</font>
[/list]

<div id="quote">

Tenuta
Via Prov. Le Pastine
km
TEL:
</p>
</div>


</div>

<div id="rgtcol">

<h2>News ed a Pinta ...</h2>
<hr />

<%
Dim conn
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open "DRIVER={Microsoft Access Driver (*.mdb)};DBQ=" & server.MapPath("/mdb-database/db_pietrapinta.mdb")

sql = "SELECT * FROM T_news"
Set rs = Server.CreateObject("ADODB.Recordset")
rs.Open sql, conn, 3, 3

%>
<td bgcolor="#DCDCDC"><font face="Times New Roman">
<%
%>

<div class="box">[img]images/mini.jpg[/img]<font size="1">
<%response.write(rs("news1"))%> [/b]....

leggi il men&ugrave

Prenota subito il tuo tavolo.
</div>

<%
%>

<div class="box"><font size="1"><%response.write(rs("news2"))%>
prendi visione della serata...
</div>

<%
%>

<div class="box">[img]images/bottiglia.jpg[/img]<font size="1"><%response.write(rs("news3"))%></font>

<font size="1">leggi il testo completo
</div>

<%
%>

<div class="box">[img]images/botti.jpg[/img]<font size="1"><%response.write(rs("news4"))%></font>

<font size="1">leggi il programma della regione Lazio...
</div>

<%
%>

<div class="box">[img]images/dove_mangiare.jpg[/img]<font size="1"><%response.write(rs("news5"))%></font>

<font size="1">leggi il programma...
</div>

<%
Conn.Close
Set Conn=Nothing

%>

<span></span><span></span><span></span><span></span><span></span></p>
</div>

<div id="bttmbar">Informativa sulla Privacy Scrivi al webmaster</div>
</div>
</body>
</html>[/list]

Discussione: cambio colore

Strumenti discussione

Ricerca discussione

Visualizza

cambio colore

cambio colore

Permessi di invio