sfondo link solo per pagina selezionata

[gianlucaweb]

Ciao

Devo realizzare un menu orizzontale con i link delle (poche) pagine del sito.
Il menu verrà' inserito nell'header che sarà lo stesso per tutte le pagine quindi utilizzerò php
per inserire l'header come include nelle diverse pagine in cui varierà solo il contenuto centrale della stessa.

Vorrei fare in modo che per la pagina visualizzata sia attivo uno sfondo tipo quello azzurrino nell'immagine di sotto (il rettangolino azzurro sotto il link home):




quindi se ci si trova nella home il rettangolino di sfondo sia visibile solo per il link home,
se è aperta invece la pagina "profile" solo per essa (insomma che il piccolo sfondo del link segnali la pagina aperta).

Come si ottiene una cosa del genere?

Deve ricorrere anche a javascript? Come?

Grazie

[sevenjeak]

L'unica soluzione e questa:

Te per visitare ogni pagina hai un link di questo genere vero?

http://nome_sito.altervista.org/index.php?page=nome_page

Se si, allora prima di produrre ogni link dell'header dovresti controllare se $_GET["page"], in questo caso, sia uguale al nome del link, se e uguale produce il link con il rettangolino, altrimenti produce solamente il link.

Non so se mi sono spiegato bene, ma era questo che volevi sapere vero?

[gianlucaweb]

L'unica soluzione e questa:

Te per visitare ogni pagina hai un link di questo genere vero?

http://nome_sito.altervista.org/index.php?page=nome_page

Se si, allora prima di produrre ogni link dell'header dovresti controllare se $_GET["page"], in questo caso, sia uguale al nome del link, se e uguale produce il link con il rettangolino, altrimenti produce solamente il link.

Non so se mi sono spiegato bene, ma era questo che volevi sapere vero?

Si sei stato chiaro.
ma non produco il link così.

Pensavo di identificare ogni pagina con una variabile che abbia un valore diverso per ogni pagina e a secondo del valore cambiare la parte del css interessata.
Dici che va bene?

Grazie

[sevenjeak]

Si si, scusa, io ho scritto cosi perché mi sono confuso con il php.

Cmq, potresti provare, dovrebbe essere all'incirca quello che ho scritto io e come hai pensato di fare te, solo che il valore che dovrebbe identificare la pagina tu, se hai un'indirizzo della stessa forma dell'indirizzo scritto da me, dovresti già averlo, basta che lo prendi dall'indirizzo della pagina.

Prova come dici te, dovrebbe funzionare.

[gianlucaweb]

Si si, scusa, io ho scritto cosi perché mi sono confuso con il php.

Cmq, potresti provare, dovrebbe essere all'incirca quello che ho scritto io e come hai pensato di fare te, solo che il valore che dovrebbe identificare la pagina tu, se hai un'indirizzo della stessa forma dell'indirizzo scritto da me, dovresti già averlo, basta che lo prendi dall'indirizzo della pagina.

Prova come dici te, dovrebbe funzionare.

ok grazie

Potresti fare così:

.button {
color: blue;
text-align: center;
}

.button a:link {
color: blue;
text-decoration: none;
}

.button a:visited {
color: blue;
text-decoration: none;
}

.button:hover {
width: 100px;
height: 50px;
background: lightblue;
text-align: center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.button a:hover {
width: 100px;
height: 50px;
background: lightblue;
text-align: center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

Naturalmente modifichi i campi 'width e height' come preferisci.. Però su IE (anche la versione 8) si vede come rettangolo dato che non supporta gli angoli arrotondati, mentre sugli altri browser dovrebbe apparire in modo corretto