[semi-risolto] colore campi obbligatori form mail

[mariarosaria]

Salve a tutti. Devo ancora disturbarvi per le modifiche al form mail.
Ho cambiato il colore del testo da bianco a blu. (Inserire un messaggio, Oggetto del messaggio, etc. etc.).
(quì il risultato)

Adesso però quando clicco su invia le varie voci obbligatorie, se lasciate vuote, non si colorano più (prima si colorava di rosso), ma si colora solo il bordo della textarea del messaggio, mentre le altre voci del messaggio rimangono blu.
Come si fa?
E se volessi che si colorasse il bordo della textarea delle voci (come per la textarea del messaggio) anzichè il testo?
Grazie a tutti

[adottauncane]

Ciao mariarosaria,
per cololorare anche il background dei box non compilati devi aggiungere:

Codice: [Seleziona]

.invalid {
    background-color: red; <-----
    border-color: #FF0000;
}general.css (riga 2)

Però la seconda richiesta non l'ho capita...

[mariarosaria]

Grazie adottauncane.
Ma non ho trovato il file general.css... forse ti riferisci a template.css?

Provo a spiegarmi meglio per quanto riguarda la mia richiesta.
Se provi a cliccare su invia senza aver compilato nessun campo del form, noterai che il bordo della textarea del messaggio si colora di rosso.

Prima che io modificassi il file default-form.php, se provavo a fare la stessa operazione, le scritte "Inserisci il tuo nome* :", " Indirizzo e-mail* :" e " Inserire un Messaggio* : " (che sono quelle obbligatorie), si coloravano di rosso (sia il testo che il colore del bordo).

Come faccio a riportare queste condizioni (o una sola delle due) dopo aver cambiato il colore del testo?


Prima nel file php la riga risultava così (e, se lasciato vuoto, il testo "Inserisci il tuo nome" si colorava di rosso):

<label for="contact_name">
            &nbsp;<?php echo JText::_( 'Inserisci il tuo nome* ' );?>:
         </label>
         <input type="text" name="name" id="contact_name" class="inputbox required" size="35" value="" />


Questo invece è dopo le mie modifiche (in verde ciò che io ho aggiunto):

<label for="contact_name">
            &nbsp;<span style="font-family: book antiqua,palatino;"><span style="color: #000066;"><?php echo JText::_( 'Inserisci il tuo nome* ' );?>: </span></span>
         </label>
         <input type="text" name="name" id="contact_name" class="inputbox required" size="35" value="" />

Forse dovevo cambiare gli attributi del testo in maniera diversa?
Purtroppo vado un pò ad intuito perchè non conosco i vari linguaggi web...
Grazie e spero di essermi spiegata meglio.

[adottauncane]

Non saprei come farlo da php, per l'invalid. Non potevi fare la modifica da css?
Il file cui mi riferivo e quello template/system/css ma conviene che tu copi e incolli direttamente sul file template.css del tuo template. Con questo css colori il background, magari può andare bene ugualmente. Altrimenti forse ti conviene togliere la dichiarazione dal .php e fare la modifica al testo tramite css.

Codice: [Seleziona]

.invalid {
    background-color: #FF0000;
   
}


[mariarosaria]

Grazie... per adesso risolvo così, anche se mi colora il bordo del testo e non delle textarea (almeno per quanto riguarda nome e indirizzo mail).

Se qualcun altro sa indicarmi come sistemare il file php gliene sono grata.

Grazie a tutti

[adottauncane]

Ti colore il solo il bordo perché non hai messo il background come indicato... 

[mariarosaria]

intendevo dire che non colora il bordo del campo di testo del nome (come succede per la textarea grande), ma circonda con un bordo la scritta "Inserisci il tuo nome".
Ma sicuramente si deve ritoccare il php...
Grazie di tutto