formato

Archivio per il 12 Marzo 2009

Diciamo che si desidera consentire ai vostri visitatori di un layout di pagina adattato esperienza commento. Standard, queste scatole incolore con lettere nere, in nome di tuoi visitatori '(richiesto) "," E-mail (non sarà pubblicata) (obbligatoria) "e" Sito Web "ed inserire il testo del commento. Dal momento che ora si desidera aggiungere un po 'di colore o anche un'immagine? Nessun problema, ciò si compie in pochi istanti.

In primo luogo, basta l'idea di come questo dovrebbe essere simile. Ti piacerebbe un colore o un'immagine? Poi si apre il Dashboard di WordPress file style.css e cercare frasi come queste:

#commentform input o #commentform textarea . (Lo speciale nel tuo caso può anche portare nomi leggermente diversi, ma se si vede lo stesso codice, ma hai un indizio su quello che si dovrebbe trovare nel posto appropriato.

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background: url('images/kubrickbgcolor.jpg');
color: #ffffcc;
}

"Larghezza" determina la lunghezza del campo di input, "padding" l'imbottitura del contenuto verso il bordo e "margine" a distanza trasparente alla voce successiva. Rifornito durante "padding" con il colore o l'immagine di vostra scelta sarà "margine" è molto chiara e sembra proprio come tua pagina, dove è presente il contenuto. (I riferimenti CSS si possono trovare qui e qui ).

Nel nostro caso, abbiamo voluto avere lo sfondo come nei campi di immissione. Di conseguenza, abbiamo aggiunto il percorso di questo stesso file immagine: background: url('images/kubrickbgcolor.jpg');

Poiché questo è piuttosto buio, abbiamo color: #ffffcc; il colore del testo corrisponde un interno luminoso. Dopo tutto, i visitatori possono leggere ciò che scrivono.

Preferisci un colore invece di una foto? Non sostituiscono il problema, è semplicemente background: url parte con questo: background: #000000; . L'esempio è codificato nero, ma è anche possibile inserire qualsiasi altro colore.

Allo stesso modo, completano la gamma #commentform textarea nello stesso modo.

I nostri risultati si può vedere, ad esempio, sotto questo articolo se lo si legge in sola visualizzazione.

Buona luce e Nuck bene!