Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. mora.sm
    3. Discussioni
    M

    mora.sm

    @mora.sm

    • Profilo
    • Chi segue 0
    • Da chi è seguito 0
    • Discussioni 2
    • Post 4
    • Migliore 0
    • Gruppi 0
    Iscrizione Ultimo Accesso
    Località pisa Età 39
    0
    Reputazione
    4
    Post
    0
    Visite al profilo
    0
    Da chi è seguito
    0
    Chi segue
    User Newbie

    badges

    0
    Bookmarks
    0
    Voti
    0
    Ringraziamenti
    0
    Miglior risposte
    Inizia una nuova discussione
    di cosa vuoi parlare?

    Discussioni create da mora.sm

    • Topic
      Post
      View
      Votazioni
      Post
      Attività
    • M

      Evidenziare la pagina corrente in un menu
      Coding • • mora.sm  

      6
      577
      Visualizzazioni
      0
      Votazioni
      6
      Post

      A

      Ciao mora-sm,
      ti vengono restituiti errori javascript nella pagina?

    • M

      Evidenziare la pagina corrente in un menu
      Coding • • mora.sm  

      2
      6738
      Visualizzazioni
      0
      Votazioni
      2
      Post

      M

      Non so se hai già trovato una soluzione, ma ti posto comunque un'eventuale soluzione in caso qualche altro malcapitato dovesse ritrovarsi al tuo posto e finire in questa discussione!

      Butta via il javascript e dedicati al css.
      Se il tuo Menu è questo:
      [HTML]<div id="navigation">
      <ul id="nav">
      <li><a href="tentazioni.html">Tentazioni e rischi</a></li>
      <li><a href="soluzioni.html">Soluzioni</a></li>
      <li><a href="amisura.html">A misura di bambino</a></li>
      <li><a href="consigli.html">Consigli per i genitori</a></li>
      <li><a href="link.html">link utili</a></li>
      </ul>
      </div>[/HTML]
      Nella pagina Soluzioni (per esempio) sostituirai il
      [HTML]<li><a href="soluzioni.html">Soluzioni</a></li>[/HTML]
      con una classe css che lo identifichi come tale, per esempio col nome di "corrente"
      [HTML]<li><a href="soluzioni.html" class="corrente">Soluzioni</a></li>[/HTML]
      Di conseguenza nel CSS creerai la classe "corrente" in questo modo:

      a.corrente:link { color: red; }

      Questo codice ti mostrerà, ogni qualvolta metterai dentro ad un <a href=""> la class="corrente" il link in colore rosso!
      Puoi agire anche più ampiamente allo stile del link, in questo modo:

      a.corrente:link { color: red; text-decoration: none } a.corrente:visited { color: blue; text-decoration: none } a.corrente:active { color: black; text-decoration: none } a.corrente:hover { color: white; text-decoration: none }

      Dove
      visited sta per visitato, cioè un link che è gia stato cliccato precedentemente dal visitatore
      active indica un link attivo e
      hover indica lo stile (in questo caso solo il colore) del link quando il mouse ci passa sopra

      Poi utilizzerai lo stesso procedimento per le altre pagine, richiamando la classe "corrente".

      Io non so cosa tu intenda esattamente con evidenziare in qualche modo la pagina corrente, comunque ti basta cercare su un qualunque motore di ricerca 'link e css' per scoprire tutto ciò che puoi fare ai link agendo tramite le classi CSS!