Indice del forum Olimpo Informatico
I Forum di Zeus News
Leggi la newsletter gratuita - Attiva il Menu compatto
 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

    Newsletter RSS Facebook Twitter Contatti Ricerca
* evidenziare voce menų selezionata
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet
Precedente :: Successivo  
Autore Messaggio
atigra
Semidio
Semidio


Registrato: 21/09/05 11:14
Messaggi: 249

MessaggioInviato: 31 Lug 2006 15:01    Oggetto: Rispondi citando

rebelia ha scritto:
atigra ha scritto:
Avevo fatto quella prova, cioč di metterlo in fondo, e non era cambiato nulla, per quello lo avevo riportato dove era prima. Adesso comunque lo trovi in fondo...


trovato l'inghippo!

Codice:

#chisiamo a {width: 126px; height: 30px; color: #000000; text-decoration: none;}


questo comando ti sovrascrive l'altro (e' piu' vicino al tag a)

domanda: per quale motivo stai usando quel div all'interno del tag li? probabilmente me lo sono persa in qualche spiegazione precedente, ma me lo potresti riassumere pf? (scusa, sono un po' presa e non ho tantissimo tempo per andarmelo a leggere da sola)


Inizialmente l'idea era di mettere un'immagine di sfodno diversa per ogni voce del menų, per quello avevo creato un div (con relativo hover) per ogni voce stessa. Adesso, tutto sommato, l'immagine di sfondo č sempre quella in tutte le voci del menų (quel file coi quadratini bianchi e neri che vengono ripetuti nella parte bassa del div di ogni voce del menų.

Tutto funzionerebbe bene con la parte attiva, il file coi quadratini b/n vengono ripetuti a dovere e nel posto giusto... solo non prende il colore del testo (bianco) che gli volevo dare. Mi sa che non c'č proprio soluzione... a meno che... Santa Reb da Belluno... Rolling Eyes
Top
Profilo Invia messaggio privato
rebelia
Dio maturo
Dio maturo


Registrato: 17/07/03 09:22
Messaggi: 7987

MessaggioInviato: 31 Lug 2006 15:32    Oggetto: Rispondi citando

atigra ha scritto:
Tutto funzionerebbe bene con la parte attiva, il file coi quadratini b/n vengono ripetuti a dovere e nel posto giusto... solo non prende il colore del testo (bianco) che gli volevo dare


prova a togliere quei div: secondo me sono controproducenti; tutta la formattazione la inglobi all'interno di #menu ul li e sei a posto

giusto per fare una prova, togli il color: #000; dal div e vedi che succede (io ti rileggo quando torno che ora devo uscire)
Top
Profilo Invia messaggio privato HomePage
horus
Macchinista
Macchinista


Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni

MessaggioInviato: 02 Ago 2006 10:46    Oggetto: Rispondi citando

Scusa ma non capisco cosa non vada. In queto post ti avevo suggerito di modificare la classe del link attivo aggiungendo il div
Codice:
.attivo div a {

oppure, come giustamente sta dicendo rebelia, di togliere decisamente il div.

Non vorrei insistere ma una strada la devi scegliere. Se lasci il div modifichi il css altrimenti togli il div e lavori sulla formattazione dei link (le immagini di sfondo si possono posizionare).
Top
Profilo Invia messaggio privato
rebelia
Dio maturo
Dio maturo


Registrato: 17/07/03 09:22
Messaggi: 7987

MessaggioInviato: 02 Ago 2006 16:22    Oggetto: Rispondi citando

horus ha scritto:
Non vorrei insistere ma una strada la devi scegliere. Se lasci il div modifichi il css altrimenti togli il div e lavori sulla formattazione dei link (le immagini di sfondo si possono posizionare).


pienamente d'accordo Smile
Top
Profilo Invia messaggio privato HomePage
valvampir
Comune mortale
Comune mortale


Registrato: 23/03/07 00:11
Messaggi: 3

MessaggioInviato: 23 Mar 2007 00:19    Oggetto: Rispondi citando

Ciao a tutti,
avrei bisogno di una mano. Ho provato a riadattare il codice di Horus al mio menų che ha un layout diverso (una cosa su tutte, non ho usato gli elenchi) ma, con la programmazione sono una capra e non ce ne sono uscita viva. Brick wall Brick wall Crying or Very sad
Vi posto il codice in html e css. Qualcuno ha il tempo di darmi una mano?

Codice:

<html>

<head>
  <style>
    a.menu:link{color:#174057; text-decoration:none;}

    a.menu:hover,a.menu:visited,a.menu:focus, a.menu:active{color:#CC0000; text-decoration:none;}

    body{margin:0;padding:0;font:80% "Trebuchet MS",Arial,Helvetica,sans-serif;text-align:center;}

    #menu{border-bottom:1px solid #225F81;width:680px;margin:0 auto;padding:1em 0 3px 0;background:#fff;color:#fff;}

    #menu a{padding:3px 1em;border:1px solid #225F81; color:#174057;}

    #menu a:link,#menu a:visited{background:#C5DEEC; color:#174057;}

    #menu a:hover,#menu a:focus,#menu a:active{background:#E8F5FC;color:#CC0000;}

    #menu strong{padding:3px 1em 4px 1em;border:1px solid #225F81;border-bottom:none;background:#FFF;color:#CC0000;font-weight:bold;position:relative;}

</style>
</head>

<body>
  <p id="menu">
    <strong>Home</strong>
    &nbsp;&nbsp;&nbsp;
    <a class="menu" href="link1.php">link1</a>
    &nbsp;&nbsp;&nbsp;
    <a class="menu" href="link2.php">link2</a>
    &nbsp;&nbsp;&nbsp;
    <a class="menu" href="link3.php">link3</a>
  </p>

</body>

</html>


Grazie1000 Squeeze
Top
Profilo Invia messaggio privato
horus
Macchinista
Macchinista


Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni

MessaggioInviato: 26 Mar 2007 08:30    Oggetto: Rispondi citando

valvampir ha scritto:
Qualcuno ha il tempo di darmi una mano?

Cosa vorresti fare?
Top
Profilo Invia messaggio privato
valvampir
Comune mortale
Comune mortale


Registrato: 23/03/07 00:11
Messaggi: 3

MessaggioInviato: 26 Mar 2007 18:47    Oggetto: Rispondi citando

Ciao Horus,
vorrei applicare le funzionalitā php del tuo codice al mio layout; il codice html e css č quello che ho postato. In sostanza vorrei che a seconda della pagina in cui si trova l'utente, la linguetta del menų sia bianca e senza link, senza farlo con codice statico, pagina per pagina, come ho invece fatto nel codice postato per la voce "Home" per rendere l'idea.
Ti ringrazio. Ciao,
Valentina
Top
Profilo Invia messaggio privato
horus
Macchinista
Macchinista


Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni

MessaggioInviato: 28 Mar 2007 15:12    Oggetto: Rispondi citando

Eccomi.

Al posto del tuo menų puoi mettere una cosa del genere:
Codice:
<?php
// definisce l'array di pagine
$pagine = array ('Home' => 'home.php','Link1' => 'link1.php','Link2' => 'link2.php','Link3' => 'link3.php');

// contatore per determinare la posizione nell'array
$cnt = count($pagine);

// inizia l'elenco
echo '<p id="menu">';

// per ogni elemento dell'array di pagine
foreach ($pagine as $text => $link)
{
    // se sono nella pagina attuale
    if (substr($_SERVER['SCRIPT_NAME'],strrpos($_SERVER['SCRIPT_NAME'],'/')+1) == $link)
    {
        echo '<strong>' . $text . '</strong>';
    }
    else // in tutti gli altri casi
    {
        echo '<a class="menu" href="' . $link . '">' . $text . '</a>';
    }

    // per tutti gli elementi tranne l'ultimo inserisce gli spazi
    if (--$cnt > 0)
    {
        echo '&nbsp;&nbsp;&nbsp;';
    }
}

// chiude l'elenco
echo '</p>';
?>

Se posso darti un consiglio gli spazi tra i link io li metterei via css, oltre ad essere tecnicamente pių bello si risparmierebbe un controllo durante il ciclo.
Altro consiglio non richiesto che ti darei č quello di non utilizzare un paragrafo per contenere i tuoi link ma di utilizzare un lista come mostrato negli esempi presenti nei messaggi precedenti. Il codice sarebbe semanticamente pių corretto e, formattando tutto via css, graficamente non noteresti alcuna differenza.

Spero di esserti stato utile. Smile
Top
Profilo Invia messaggio privato
valvampir
Comune mortale
Comune mortale


Registrato: 23/03/07 00:11
Messaggi: 3

MessaggioInviato: 28 Mar 2007 15:46    Oggetto: Rispondi citando

Horus, grazie infinite della tua gentilezza!! Mi sei stato utilissimo, cercherō anche di seguire i tuoi consigli, effettivamente la soluzione di usare le liste sembra quanto meno pių elegante anche a me.
Ciao,
Valentina
Top
Profilo Invia messaggio privato
brontola
Comune mortale
Comune mortale


Registrato: 02/06/07 16:00
Messaggi: 1

MessaggioInviato: 02 Giu 2007 16:06    Oggetto: Re: * evidenziare voce menų selezionata Rispondi citando

atigra ha scritto:
Ciao a tutti, qualcuno sa dirmi come fare in menų che una volta cliccato su una determinata voce, questa resti selezionata in modo tale da capire che parte del sito sto visitando?
Ovviamente senza usare javascript... ma solo html e css... (sempre se č possibile)
Grazie

PS: spero di essermi spiegato abbastanza bene.. Laughing


ciao a tutti..sono nuova del forum..mi servirebbe aiuto..ovvero dovrei fare la cosa che ha scritto atigra..solo che il mio menu php č dinamico ed ha anche il sottomenu..stavo leggendo le vostre risposte ma non sono riuscita a farlo..
mi potete aiutare?? Embarassed

-- questo č il menu.php con la classe menuv che ho applicato io alla quale pero' vorrei aggiungere la cosa che fa rimanere selezionata la sezione in cui sto..mi sapreste dire come potrei fare per fare una cosa del genere Embarassed


Codice:
$query="SELECT * from categorie Order by priorita";
               $ris= mysql_query($query);
               if (!$ris)
               {
               die("query failed:".mysql_error());
               }
               while($risultato=mysql_fetch_array($ris))
                  { ?>
                  <? echo "<a href='".$risultato['link']."?Cat=" .$risultato['id_cat']. "' class='menuv'>" . $risultato['nome_cat'] . "</a>"; ?>
                   <?
                                     
                   
                   } ?>
Top
Profilo Invia messaggio privato
Rossi
Mortale devoto
Mortale devoto


Registrato: 24/09/07 15:23
Messaggi: 11

MessaggioInviato: 24 Set 2007 15:28    Oggetto: Rispondi citando

Ciao a tutti, sono nuovo di qua! Son arrivato in questo splendido forum cercando su google la soluzione al quesito che vi porrō Very Happy

Qualche anima pia č in grado di adattare questo script a questo menu:

Codice:
<ul id="nav">
                         <li class="main"><a href="index.php" title="Home">Home</a></li>

                         <li class="main"><a href="#" title="L'azienda">L'azienda</a></li>

                         <li class="main"><a href="#" title="Dove siamo">Dove siamo</a></li>

                         <li class="main"><a href="#" title="Prodotti">Prodotti</a>

                             <ul>
                                 <li><a href="" title="">Scale in ferro per interni &amp; esterni</a></li>
                                 <li><a href="" title="">Recinzioni</a></li>
                                 <li><a href="" title="">Ringhiere - Balaustre</a></li>
                                 <li><a href="" title="">Cancelli</a></li>
                                 <li><a href="" title="">Inferiate</a></li>

                                 <li><a href="" title="">Lavorazioni in ferro in genere</a></li>
                                 <li><a href="" title="">Complementi d'arredo in metallo</a></li>
                                 <li><a href="" title="">Soppalchi</a></li>
                             </ul>
                         </li>
                     </ul>
                     <ul class="contact">

                         <li class="main"><a href="contact.php" title="Contatti">Contatti</a></li>
                         <li class="main"><a href="" title="Privacy">Privacy</a></li>
                     </ul>


Grazie mille a chi mi aiutera!! Very Happy
Top
Profilo Invia messaggio privato
horus
Macchinista
Macchinista


Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni

MessaggioInviato: 25 Set 2007 11:04    Oggetto: Re: * evidenziare voce menų selezionata Rispondi citando

brontola ha scritto:
-- questo č il menu.php con la classe menuv che ho applicato io alla quale pero' vorrei aggiungere la cosa che fa rimanere selezionata la sezione in cui sto..mi sapreste dire come potrei fare per fare una cosa del genere Embarassed


1. scusa l'enorme ritardo nella risposta, mi ero perso la tua domanda.

2. non aprire e chiudere i tag php se non č strettamente necessario.

3. uno script che ti va bene potrebbe essere qualcosa tipo.
Codice:
<?php
// definisce l'array di pagine
$query = "select link,id_cat,nome_cat from categorie order by priorita";
$ris = mysql_query($query);
if (!$ris)
{
   die("query failed:".mysql_error());
}

// inizia l'elenco
echo '<ul>';

// per ogni elemento dell'array di pagine
while($risultato = mysql_fetch_array($ris))
{
    // inizia la voce di elenco
   echo '<li>';

   // inserisce link e testo
   echo '<a href="' . $risultato['link'] . '?cat=' . $risultato['id_cat'] . '" class="menuv';
   
   // se sono nella pagina linkata
   if (substr($_SERVER['SCRIPT_NAME'],strrpos($_SERVER['SCRIPT_NAME'],'/')+1) == $risultato['link'])
   {
      // aggiunge la classe appropriata
      echo ' attivo';
   }
   
   echo '">' . $risultato['nome_cat'] . '</a></li>';
}

// chiude l'elenco
echo '</ul>';
?>

Ho lasciato la lista perché mi sembra meglio di un susseguirsi di link. Forse dovrai fare qualche piccolo aggiustamento nell'if che confronta lo script name col link ma nel complesso l'idea č quella.

4. dal tuo script non si capisce come fai a determinare i sottomenu quindi ho assunto che sia una lista piatta.
Top
Profilo Invia messaggio privato
horus
Macchinista
Macchinista


Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni

MessaggioInviato: 25 Set 2007 11:12    Oggetto: Rispondi citando

Rossi ha scritto:
Qualche anima pia č in grado di adattare questo script a questo menu

Attualmente come generi questo menų? Fai una select dal db o lo scrivi a mano?
Top
Profilo Invia messaggio privato
Rossi
Mortale devoto
Mortale devoto


Registrato: 24/09/07 15:23
Messaggi: 11

MessaggioInviato: 25 Set 2007 12:58    Oggetto: Rispondi citando

Lo scrivo a mano in un file che poi includo nelle pagine! Smile
Top
Profilo Invia messaggio privato
Rossi
Mortale devoto
Mortale devoto


Registrato: 24/09/07 15:23
Messaggi: 11

MessaggioInviato: 26 Set 2007 08:06    Oggetto: Rispondi citando

Avevo dimenticato di specificare che i li che mi interessa aver evidenziati sono quelli a cui č assegnata la clase "main", e che possibilmente anche quando l'utente si trova in una dele pagine del sottomenu:
Codice:
<li class="main"><a href="#" title="Prodotti">Prodotti</a>

                             <ul>
                                 <li><a href="" title="">Scale in ferro per interni &amp; esterni</a></li>
                                 <li><a href="" title="">Recinzioni</a></li>
                                 <li><a href="" title="">Ringhiere - Balaustre</a></li>
                                 <li><a href="" title="">Cancelli</a></li>
                                 <li><a href="" title="">Inferiate</a></li>

                                 <li><a href="" title="">Lavorazioni in ferro in genere</a></li>
                                 <li><a href="" title="">Complementi d'arredo in metallo</a></li>
                                 <li><a href="" title="">Soppalchi</a></li>
                             </ul>
                         </li>


dovrebbe (se si puō) restar evidenziato il li "main"

Grazie, spero che saprete aiutarmi!!
Top
Profilo Invia messaggio privato
chemicalbit
Dio maturo
Dio maturo


Registrato: 01/04/05 18:59
Messaggi: 18597
Residenza: Milano

MessaggioInviato: 26 Set 2007 11:21    Oggetto: Rispondi citando

Ma cosa intendi con "evidenziati"?
Top
Profilo Invia messaggio privato
horus
Macchinista
Macchinista


Registrato: 22/03/05 10:48
Messaggi: 2554
Residenza: Sirio e dintorni

MessaggioInviato: 26 Set 2007 12:07    Oggetto: Rispondi citando

Dunque il tuo caso č un po' pių complicato degli altri ma tutto si puō fare, devi solo avere un po' di pazienza. Wink Think
Top
Profilo Invia messaggio privato
Rossi
Mortale devoto
Mortale devoto


Registrato: 24/09/07 15:23
Messaggi: 11

MessaggioInviato: 26 Set 2007 12:59    Oggetto: Rispondi citando

Tutta la pazienza che vuoi Very Happy

X chemicalbit: intendo dire che voglio assegnare l'ID active alle voci del menu principale (li calss="main")
Per intenderci, si tratta di un menų a tendina e la lista annidata dentro al li č, appunto, la tendina che scende
Very Happy
Top
Profilo Invia messaggio privato
chemicalbit
Dio maturo
Dio maturo


Registrato: 01/04/05 18:59
Messaggi: 18597
Residenza: Milano

MessaggioInviato: 26 Set 2007 13:34    Oggetto: Rispondi citando

Rossi ha scritto:
voglio assegnare l'ID active alle voci del menu principale
E l'ID active cosa comporta?
Top
Profilo Invia messaggio privato
Rossi
Mortale devoto
Mortale devoto


Registrato: 24/09/07 15:23
Messaggi: 11

MessaggioInviato: 26 Set 2007 23:33    Oggetto: Rispondi

Cambio immagine di sfondo e colore del link tramite css
Top
Profilo Invia messaggio privato
Mostra prima i messaggi di:   
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet Tutti i fusi orari sono GMT + 2 ore
Vai a Precedente  1, 2, 3
Pagina 3 di 3

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi