Una textarea minimale ed accattivante
Pagina 1 di 2
Il Web 2.0 è caratterizzato dalla partecipazione degli utenti alla creazione dei contenuti. In quest'ottica, uno degli elementi più importanti del linguaggio HTML è rappresentato dal tag textarea.
Mediante questo tag, che si inserisce normalmente all'interno di un form, gli utenti possono scrivere opinioni, formulare domande e pubblicare contenuti scrivendoli all'interno di una area di testo.
L'aspetto di default di una textarea non è particolarmente gradevole (si tratta di un rettangolo bianco con un eventuale barra di scorrimento laterle) ma, come sappiamo, grazie ai CSS è possibile agire radicalmente su quest'aspetto trovando soluzioni stilistiche davvero gradevoli.
La soluzione che vi presento oggi, in questo breve articolo, prevede un look minimale valorizzato dall'applicazione di un semplice background alla textarea. Nel nostro esempio utilizzeremo come immagine la scritta del nostro logo che posizioneremo in basso a destra all'interno di una textarea bianca con un semplice bordino grigio:
L'effetto che vogliamo ottenere è questo:
Per rendere ancora più accattivante il rislutato finale applicheremo anche un semplicissimo effetto (mediante Javascript) che comporterà la sparizione del testo di default e del background al momento dell'effettivo utilizzo della textarea. Ma andiamo per gradi e, per prima cosa, vediamo il codice CSS...
