Un problema di scritte e di menù

degzelydeg

Un problema di scritte e di menù

Un problema per voi banalissimo il mio, ne sono sicura.
Come si fa ad evidenziare una scritta di un menù quando si passa sopra con il mouse?
Lo vedete praticamente in tutti i siti, un esempio è [URL=qui]http://www.copravolleypiacenza.it/ .
Il secondo problema invece è questo.
Come si fa a creare un menù dove, se si clicca su una voce, si apre una finestrella sotto con altre opzioni. Nel mio caso, la voce potrebbe essere "Personaggi", e quando clicchi, ti si apre una finestrella sotto quella scritta con 2 opzioni "racconti" e "interviste".
Spero di essere stata chiara!

laburno

@_°zely°_ said:

Un problema per voi banalissimo il mio, ne sono sicura.
Come si fa ad evidenziare una scritta di un menù quando si passa sopra con il mouse?
Lo vedete praticamente in tutti i siti, un esempio è http://www.copravolleypiacenza.it/ .
Il secondo problema invece è questo.
Come si fa a creare un menù dove, se si clicca su una voce, si apre una finestrella sotto con altre opzioni. Nel mio caso, la voce potrebbe essere "Personaggi", e quando clicchi, ti si apre una finestrella sotto quella scritta con 2 opzioni "racconti" e "interviste".
Spero di essere stata chiara!

Ciao!
La scritta del menù deve essere un link, e lo fai con i CSS utilizzando la pseudo classe :hover inpostando un colore di sfondo, in questa maniera:


a:link {
 /* stile classico dei tuoi links */
}

a:hover {
  background-color: green;
}

Per la seconda domanda hai bisogno di un Drop Down Menu o di un menu a Tab. Fai una ricerca su Google, e ne trovi di già pronti sia scritti con i CSS che scritti con javascript.

mr.gaspy

Sono interessato anche io a questa cosa,

sto costruendo questa pagina:

http://www.balduzone.com/associazioni/

Ho dei link con questo codice:

<p><a href="http://www.balduinaperilpineto.it" target="_blank"><img src="/templates/SoftBlue/images/icon_mini_balduina.gif" width="12" height="13" border="0" alt="Balduina per il pineto" hspace="3" />ASSOCIAZIONE ONLUS BALDUINA PER IL PINETO</a><br />

Per far si che al passaggio del mouse i link si sottolineino cosa devo aggiungere e dove?:?

Per vari motivi sono impossibilitato a lavorar ein locale quindi quello che faccio lo vedo direttament ein remoto, giusto o sbagliato che sia.

laburno

Devi impostare uno stile all'elemento a (cioè i link).

Per farlo inserisci tra i tag <head></head> questo:


<style>
/* Vostro CSS.  ad esempio: */

a: link {
/* se non ci passi il mouse il link non viene
text-decoration: none;  sottolineato */
}

a:hover {
/* al passaggio del mouse il link si sottolinea */
text-decoration: underline; 
}

</style>

Invece di scriverlo per ogni pagina potete anche linkare un file esterno che contenga lo stile. Invece che racchiuderlo tra i tag <style></style> basta che lo salviate in un documento stilepagine.css.
Poi nell' <head> inserite:

<link rel="StyleSheet" href="stilepagine.css" type="text/css">

degzelydeg

ma lo devo inserire così com'è?
Scusa l'ignoranza...ma l'ho messo tra i tag <head></head> e non succede niente...

ienavr

zely xkè non copi e incolli qui nel forum tutto quello che c'è tra i tag <head> ed </head> della tua pagina?

E già che ci sei copia e incolla anche la parte contenente uno degli elementi cui dovresti applicare l'"effetto speciale" .

Oppure, e sarebbe più semplice sia per te che per chi ti aiuta, metti il link della pagina che ti dà problemi...

degzelydeg

Ok! Grazie!
Lo so che sono una frana!
La pagina è questa:
http://volleyfans.altervista.org/home.html
Vorrei fare "illuminare" le voci del menù (articoli, area multimediale...)

ienavr

sostituisci questo pezzo

<head>
<title>Volleyfans...la pallavolo vista dai suoi migliori dipendenti</title>
<META name="verify-v1" content="2aVWA6YruP077MMKlTQv/RdARjrEoMiafNrI8qhtQto=" />
</head>

con

<head>
<title>Volleyfans...la pallavolo vista dai suoi migliori dipendenti</title>
<META name="verify-v1" content="2aVWA6YruP077MMKlTQv/RdARjrEoMiafNrI8qhtQto=" />
<style>
a:link, a:visited {text-decoration:none;}
a:hover {color: red; background-color: white;}
</style>
</head>

dove color specifica il colore del link quando ci passi sopra e background-color il colore dello sfondo.

Devi inoltre togliere dal blocco di codice che segue i pezzi che ho evidenziato in rosso ed aggiungere quello evidenziato in blu:

<a href="http://volleyfans.altervista.org/articoli.html" style="color: black; font-size: 15pt; font-family: Matisse ITC">Gli articoli</a><br>
<a href="http://volleyfans.altervista.org/multimedia.html" style="color: black; font-size: 15pt; font-family: Matisse ITC">Area multimediale</a><br>
<a href="http://volleyfans.altervista.org/campionato0607.html" style="color: black; font-size: 15pt; font-family: Matisse ITC">Campionato 2006/07</a><br>
<a href="http://volleyfans.altervista.org/nazionale.html" style="color: black; font-size: 15pt; font-family: Matisse ITC">Nazionale</a><br>
<a href="http://volleyfans.altervista.org/forum.html" style="color: black; font-size: 15pt; font-family: Matisse ITC">Forum</a><br>
<a href="http://volleyfans.altervista.org/links.html" style="color: black; font-size: 18pt; font-family: Matisse ITC">Links</a><br>
<a href="http://volleyfans.altervista.org/personaggi.html" style="color: black; font-size: 18pt; font-family: Matisse ITC">Personaggi</a>
<br />

Spero sia tutto chiaro...se hai dubbi fammi sapere

Ciao

degzelydeg

Così è proprio chiarissimo! Grazie mille!

laburno

Gh Non sono bravo a spiegare le cose.

Grazie ienavr

ienavr

figurati laburno...ho solo riscritto quello che avevi spiegato tu...