Printable View
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
@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 :incavolat
@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
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 :tongueCodice 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>
file css:
ed ogni pagina deve avere <body id="suo-nome">, cioèCodice:#home A.home, #sciat A.sciat, #deut A.deut { font-weight: bold; }
in questo secondo modo, il menu è identico in tutte le pagine, ma cambiando l'id del body, soltanto una delle scelte verrà evidenziataCodice 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>
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 :wink:
grazie milleeeee!! ci provo subitooo ;)
sei un mito dreadnaut
grazie ancora