Evento onblur/onfocus modulo search joomla

[sort]

Ciao a tutti,
avrei bisogno di personalizzare la casella di input text del modulo search di joomla.
Nello specifico vorrei cambiare il colore del testo onblur di default che viene proposto al caricamento della pagina....vorrei farlo grigio chiaro (un pò come si vede sesso in giro) per poi usare il nero una volta che l'utente ci scrive dentro qualcosa.
Mi sembra di capire che ci siano due eventi jscript (onblur, onfocus) che regolano la questione ...mi chiedo..come faccio a stilizzarli via css? o forse devo scrivere degli stili inlinea direttamente nel jscript/php?
Per intenderci seguite il link, la posizione modulo di ricerca è in alto a dx:
www.lafoglianews.it

Grazie!

[kuvier00]

...(un pò come si vede sesso in giro)...

Dove abiti che corro a comprare casa lì?

Scherzi a parte, ho visto che hai risolto, giusto? O intendevi altro?

[sort]

Dove abiti che corro a comprare casa lì?
Questa è davvero buona....in effetti a parte qualche vicina bacucca c'è poco...

Scherzi a parte, ho visto che hai risolto, giusto? O intendevi altro?

dunque...ho risolto a metà...ma credo che mi manchi qualcosa a livello di jscript...mi spiego meglio
Per quanto riguarda il focus ho risolto sfruttanto unicamente la pseudo classe css "input:focus" e l'ho stilizzata con css senza bisogno d'altro.
la vera necessità era però quella di inserire un font grigio chiaro come testo di default una volta che la pagina è stata caricata...se non erro questa cosa è gestita dal "blur"..che a quanto ho capito non è una pseudo classe css.
Su un forum ho trovato una cosa simile..ma non riesco a capire dove precisamente inserire la parte di codice STYLE (che se non erro è come inserire uno stile in linea)...penso dentro l'index.php
..di seguito vi riporto il codice:

onBlur="java-script:this.style.backgroundColor='#ffffff';this.style.borderStyle='solid';this.style.borderWidth='1px';this.style.borderColor='#7F9DB9';"

mentre la classe del mio template a cui dovrei applicare la questione è :
.search

grazie 1000!

[sort]

toc toc.....

[kuvier00]

Si può fare senza javascript. Basta che aggiungi in template.css (riga 678):

.top .search .inputbox {
    color: #CCCCCC;  /** Aggiungi questa riga ***/
    height: 15px;
    margin: 0 5px 0 auto;
    width: 80px;
}

Al posto di #CCCCCC metti il colore di testo che vuoi

[sort]

Grazie della risposta,
Ci avevo già provato...
ma non ho funzionato...cmq ho lasciato il codice così puoi verificare anche tu
se non erro dipende dal fatto che il testo onblur che compare al caricamento della pagina è gestito da un javascript o da specifiche contenute nel modulo mod_search....

..almeno spero...
 

[kuvier00]

Ho provato sul tuo sito (tramite firebug) la regola css che ti ho scritto e funzionava. Il testo appare grigio.
Il colore che hai messo ora è praticamente quasi nero.

[sort]

...quando si battono troppo i tasti..alle volte ci si perde proprio !!!
hai ragione funziona perfettamente....
grazie grazie
cmq...mi piacerebbe capire in che modo poter inserire uno stile css in linea su un piccolo jscript magari che gestisca proprio il cambio di colore...insomma avrei desiderio di muovere i primi timidi passi in jscript orientato a gestire il template di un sito in joomla...ma non saprei proprio da dove/come iniziare.