Visualizzazione dei risultati da 1 a 7 su 7

Discussione: Css e bordo sui link

  1. #1
    Utente di HTML.it L'avatar di sustia
    Registrato dal
    Oct 2000
    Messaggi
    1,492

    Css e bordo sui link

    Ciao, non sono riuscito a trovare niente con la ricerca, e spero che il titolo sia chiaro.

    In pratica voglio riuscire ad ottenere un menu con un effetto simile a quello che si vede qui:

    http://www.orderedlist.com/

    cioè la voce di menu attiva deve presentare un bordino colorato.

    Ho provato con a:active ma, ovviamente, me la evidenzia solo quando ci clicco sopra, e con a:visited dovrebbe lasciare il bordo quando è stato visitato, ma io voglio sia presente
    solo quando sono in quella sezione.
    Spero di essere stato chiaro.

    Il foglio di stile interessato è questo:

    #nav
    {
    font:10px verdana;
    background-color:#f0f0f0;
    border:1px outset #888;
    }

    #nav a
    {
    padding: 3px 10px;
    text-decoration: none;
    background: #EDF2F2;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    border-right: 1px solid #ddd;
    color: darkblue;
    }

    #nav a:hover
    {
    background: #E0E9E9;
    color: darkblue;
    }


    #nav ul
    {
    background-color:#f0f0f0;
    border:1px outset #888;
    }

  2. #2
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    l'unico modo è:

    a) Mettere un id #active per ogni pagina
    b) Far metter un id #active alla pagina attiva dinamicamente

    se ti va bene in php, anche se andiamo un po' OT, ho lo script già pronto:

    Codice PHP:
    // Qui metti il codice del menu, non è necessario 
    // nessun carattere di escape per le virgolette
    $code = <<< CODE
    <ul id="menu">[*]<a ecc[/list]
    CODE;

    $id "\" id=\"attivo";
    $linkattivo $_SERVER['PHP_SELF'];
    $linkeid $linkattivo .$id;
    $code str_replace($linkattivo$linkeid$code);

    echo 
    $code
    Questo è fatto per percorsi assoluti, se nel menu usi persorsi relativi $linkattivo deventa:

    Codice PHP:
    $linkattivo basename($_SERVER['PHP_SELF']); 
    Se i link contengono variabili si complica un po'

  3. #3
    Secondo me quel bordino colorato rosso a sinistra non è altro che un immagine di 25x5 e, sempre secondo me, viene visualizzata in base a delle procedure dinamiche, cioè viene fatto un controllo sulla pagina in cui siamo e viene visualizzato o meno quel rettangolino rosso.
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  4. #4
    Utente di HTML.it L'avatar di sustia
    Registrato dal
    Oct 2000
    Messaggi
    1,492
    Originariamente inviato da span
    l'unico modo è:

    a) Mettere un id #active per ogni pagina
    b) Far metter un id #active alla pagina attiva dinamicamente

    se ti va bene in php, anche se andiamo un po' OT, ho lo script già pronto:

    ...
    Però questo codice andrebbe nella pagina, vero?
    Non nel css..ed è un problema perchè sto utilizzando un CMS..vedo

    Federix, invece nel modo che dici tu come dovrei modificare il file css?

    Grazie ad entrambi

  5. #5
    Utente di HTML.it L'avatar di span
    Registrato dal
    Jan 2004
    Messaggi
    1,644
    Originariamente inviato da sustia
    Però questo codice andrebbe nella pagina, vero?
    Non nel css..ed è un problema perchè sto utilizzando un CMS..vedo

    Federix, invece nel modo che dici tu come dovrei modificare il file css?

    Grazie ad entrambi
    credo abbia detto in italiano quello che ti ho detto con il codice php

    il codice sarebbe da mettere in un file esterno da includere in tutte le pagine e fa quello che ha detto federix... ricava la pagina corrente ($_SERVER['PHP_SELF']) e sostituisce nel menu:

    <a href="www.dominio.it/pagina_corrente.php">

    con:

    <a href="www.dominio.it/pagina_corrente.php" id="attivo">

    poi formatti il link nel css con l'id #attivo

    solo ci CSS non si può fare

  6. #6
    Originariamente inviato da span
    credo abbia detto in italiano quello che ti ho detto con il codice php

    il codice sarebbe da mettere in un file esterno da includere in tutte le pagine e fa quello che ha detto federix... ricava la pagina corrente ($_SERVER['PHP_SELF']) e sostituisce nel menu:

    <a href="www.dominio.it/pagina_corrente.php">

    con:

    <a href="www.dominio.it/pagina_corrente.php" id="attivo">

    poi formatti il link nel css con l'id #attivo

    solo ci CSS non si può fare
    Esatto
    FEDERIX.IT - [Pillola] GRAFICA DEI FORM

    ...ho ancora quella forza che ti serve, quando dici "Si comincia!"

  7. #7
    Utente di HTML.it L'avatar di sustia
    Registrato dal
    Oct 2000
    Messaggi
    1,492
    Grazie, mi salvo la discussione e ci provo

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.