menu con memoria

**Indalo** · 22-12-2009, 19:32

Premetto che nel mio sito la barra di navigazione sx è uguale per tuttele pagine.

E' possibile, dopo aver cliccato su un link, andare alla relativa pagina e sul link "visited" conservare memoria del link appena avvenuto ?

Vorrei farlo solo coi css.

**miki003** · 22-12-2009, 19:38

Originariamente inviato da Indalo
Premetto che nel mio sito la barra di navigazione sx è uguale per tuttele pagine.

E' possibile, dopo aver cliccato su un link, andare alla relativa pagina e sul link "visited" conservare memoria del link appena avvenuto ?

Vorrei farlo solo coi css.

Certo che si può! Basta implementare una classe ad esempio

codice:

<li class="attivo">...............

**Indalo** · 22-12-2009, 23:39

E il css, per esempio, come potrebbe essere ?

**miki003** · 23-12-2009, 00:38

Esempio di un menu completo di CSS e HTML

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <head>
                <title>Menu</title>
                <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
                <style type="text/css">
<!--
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: #F3FAFF;
        }

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */

#menu {
        width: 200px;
        border-style: solid solid none solid;
        border-color: #94AA74;
        border-size: 1px;
        border-width: 1px;
        margin: 10px;
        }

#menu li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu li a:link, #menu li a:visited {
        color: #5E7830;
        display: block;
        background: url(menu1.gif);
        padding: 8px 0 0 10px;
        }

#menu li a:hover, #menu li #attivo {
        color: #26370A;
        background: url(menu1.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }

#menu li a:active {
        color: #26370A;
        background: url(menu1.gif) 0 -64px;
        padding: 8px 0 0 10px;
        }
-->
</style>
        </head>

        <body>
                <div id="menu">
                        <ul>
                                [*]Home[*]Products[*]Services[*]Support[*]Order[*]News[*]About
[/list]
                </div>
        </body>
</html>

L'id attivo è quello che determina la posizione

Discussione: menu con memoria

Strumenti discussione

Ricerca discussione

Visualizza

menu con memoria

Re: menu con memoria

E poi ?

Permessi di invio