Info su una parola al passaggio del mouse (glossario)

8 contenuti / 0 new

Accedi o registrati per inserire commenti.

Gio, 10/02/2011 - 13:08

Ciao a tutti

Sto creando un sito destinato ai nonni che imparano ad usare il computer
Sapendo che per loro uno dei problemi maggiori è associare la scrittura di una parola (inglesi ed informatichesi) alla sua pronuncia voglio fare in modo che le parole "difficili" siano scritte corrette negli articoli ma che al passaggio del mouse mostrino pronuncia e traduzione.

es: chat room ...apre un riquadrino con scritto "ciat rum - luogo in cui si parla"

Lo sto facendo ora usando il tag html e funziona bene ma implica entrare nel codice e gli articoli saranno scritti anche da persone che nel codice non ci devono proprio entrare!

Sapete se c'è un modo od un modulo che mi aiuti in questo, permettendomi magari anche di scegliere uno stile grafico da associare alle parole per cui aggiungo il title? Ne ho visti un sacco per le immagini ma non so dove cercare per i testi!

Grazie
Nadia

Gio, 10/02/2011 - 19:33

motocad

Glossary
http://drupal.org/project/glossary

Ven, 11/02/2011 - 20:07

webnadia

Ottimo grazie!!!
Messo in pista e mi piace!

Una domanda: c'è un modo per fargli distinguere quando la parola è "nel testo" e quando invece è un titolo?
tipo dire da qualche parte "usa la formattazione termine di glossario solo se è h1 h2" ?!

anche da CSS ... sto provando ma non riesco a scrivere una stringa che funzioni!

grazie grazie
nadia stanchissima!

Sab, 12/02/2011 - 10:36

Pinolo

Complimenti per il progetto, Nadia. Quando hai finito, mostracelo in showcase, per favore.

Lun, 14/02/2011 - 10:51

webnadia

Grazie, lo farò senz'altro :o) e qualsiasi consiglio/suggerimento per renderlo migliore sarà il benvenuto.

Intanto sono alle pezze con questo CSS per i titoli che non riesco a gestire!

/* stile voce di glossario nel testo */
a.glossary-term {
	font-family: sans-serif, Arial, Verdana, Helvetica;
	color: #257730;
	font-style: italic;
}
#main .content a.glossary-term {
	text-decoration:none;
}

Queste due parti lavorano sulle parole glossario nel corpo degli articoli; speravo di riuscire a lavorare negli H2 così:

h2.glossary-term {
	text-decoration:none;
	color: #2F71A2;
	font-style: normal;
}
#main .content h2.glossary-term {
	text-decoration:none;
	color: #2F71A2;
	font-style: normal;
}

ma non funziona! ho provato anche altre alchimie tra i tag h2 - a - e la classe glossary-term ma niente! non ne vengo a capo

...potrei risolvere lasciando le voci in corpo in blu (colore degli h2) e cambiando lo stile dei link...

Ma la cosa migliore sarebbe proprio dire a Glossary: "se la parola è in formato h1 o h2 o h3... NON la considerare" !!!

mumble mumble nadia

Lun, 14/02/2011 - 11:38

asdomar

di cosa parlerà questo sito?

Ven, 18/02/2011 - 10:05

webnadia

Parla, o meglio si propone di parlare che di contenuto c'è ancora poco per ora!, di tutto ciò che riguarda il computer... da cos'è la ram a cos'è facebook a come si manda la posta ... un po' di tutto insomma ma targhettizzato su un pubblico over 60 ...quindi con un linguaggio molto semplice e che si propone di far passare concetti complessi per chi li approccia per la prima volta, associandoli a esperienze di vita comuni a chi legge...
Insomma ZERO tecnicismi e molte METAFORE!

C'è ancora molto lavora da fare, scrivere e sistemare (vedi post sopra per sistemare glossary su H2!)
...ma ho comunque deciso di cominciare a pubblicare quello che c'è già per cui adesso è on-line
e raccogliendo il suggerimento di Pinolo l'ho messo proprio ora nella showcase

:o)