aiuto pulsante illuminato alla pagina che si visita.

19-01-2008, 16.56.46

ciao a tutti, ho provato a cercare sul forum, ma non so come scrivere... ho creato dei pulsanti in css, vorrei che una volta cliccato, e portati alla pagina desiderata, il pulsante "per esempio home" rimanga illuminato per far capire che si trova in quella pagina.
Per fare pulsanti in css ho usato
a:link
a:visited
a:hover

come posso creare questo effetto?
Grazie mille per l'aiuto

**dreadnaut** · 19-01-2008, 18.04.46

@heidi52: siccome la tua esperienza è assai limitata, è spesso conveniente che tu eviti di consigliare metodi astrusi o direttamente inesatti

Non tiriamo in ballo <button> o javascript, e cerchiamo di leggere con attenzione quello che la gente scrive. Se non capisci, non rispondere a caso

@mondopancione:
ci sono diversi metodi per fare quello che vuoi, dipende se vuoi fare solo in html e css o se puoi usare il php.

Con php: quando mandi in output l'elenco dei "pulsanti", dai alla pagina corrente una classe particolare, ad esempio class="corrente", e nel css specifichi che questa classe appaia evidenziata. E.g. una pagina /deuteronomio/index.php

Codice HTML:

 A.corrente{ font-weight: bold; }

...

<ul>
 <li><a href="/">Home</a></li>
 <li><a href="/sciatalgia/">Sciatalgia</a></li>
 <li><a href="/deuteronomio/" class="corrente">Deuteronomio</a></li>
</ul>

Se invece non hai voglia di generare i menu dinamicamente, puoi dare un id al <body> di ogni pagina in una particolare sezione, e tutto avverrà per magia

file css:

Codice:

 #home A.home, #sciat A.sciat, #deut A.deut { font-weight: bold; }

ed ogni pagina deve avere <body id="suo-nome">, cioè

Codice HTML:

<body id="home">
<ul>
 <li><a class="home" href="/">Home</a></li>
 <li><a class="sciat" href="/sciatalgia/">Sciatalgia</a></li>
 <li><a class="deut" href="/deuteronomio/">Deuteronomio</a></li>
</ul>

...

<body id="sciat">
<ul>
 <li><a class="home" href="/">Home</a></li>
 <li><a class="sciat" href="/sciatalgia/">Sciatalgia</a></li>
 <li><a class="deut" href="/deuteronomio/">Deuteronomio</a></li>
</ul>

...

<body id="deut">
<ul>
 <li><a class="home" href="/">Home</a></li>
 <li><a class="sciat" href="/sciatalgia/">Sciatalgia</a></li>
 <li><a class="deut" href="/deuteronomio/">Deuteronomio</a></li>
</ul>

in questo secondo modo, il menu è identico in tutte le pagine, ma cambiando l'id del body, soltanto una delle scelte verrà evidenziata

ulteriori metodi implicano fare immagini diverse per ogni pagina, con il nome corrispondente, e creare dinamicamente il css, ma mi sembra eccessivamente complesso, quindi evito

20-01-2008, 13.26.42

grazie milleeeee!! ci provo subitooo ;)
sei un mito dreadnaut

grazie ancora

Discussione: aiuto pulsante illuminato alla pagina che si visita.

LinkBack

Strumenti discussione

Display

aiuto pulsante illuminato alla pagina che si visita.

Regole di scrittura