gevormd

Archief voor 12 Maart 2009

Laten we zeggen dat u wilt uw bezoekers laten een pagina-indeling aangepast Comment ervaring. Standaard, deze kleurloze dozen met zwarte letters, in je bezoekers 'naam (verplicht) "," E-mail (zal niet worden gepubliceerd) (verplicht) "en" Web Site "en voer de commentaar tekst. Aangezien u nu wilt een beetje kleur of zelfs een foto toe te voegen? Geen probleem, wordt dit bereikt in een paar ogenblikken.

Ten eerste, je hoeft alleen maar een idee van hoe dit eruit moet zien. Wilt u een kleur of een foto? Vervolgens opent u het Dashboard van WordPress style.css bestand en zoek naar zinnen als deze:

#commentform input of #commentform textarea . (Het bijzondere in uw geval kan dragen ook enigszins verschillende namen, maar als je ziet dezelfde code, maar je hebt een idee wat zou moeten worden gevonden op de juiste plaats.

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

"Breedte" bepaalt de lengte van het invoerveld, "padding" de opvulling van de inhoud naar de rand en de "marge" een transparant afstand naar het volgende item. Bijgevuld tijdens "padding" met de kleur of het imago van uw keuze zal "marge" te zijn is echt duidelijk en ziet er net als uw pagina, waar u presenteren uw inhoud. (De CSS referenties kan worden gevonden hier en hier ).

In ons geval wilden we op de achtergrond hebben zoals in de invoervelden. Daarom hebben we toegevoegd de weg naar dit zelfde image bestand: background: url('images/kubrickbgcolor.jpg');

Aangezien dit nogal donker, we hebben color: #ffffcc; de kleur van de tekst overeen met een licht interieur. Immers, uw bezoekers lezen wat ze schrijven.

Wilt u liever een kleur in plaats van een foto? Niet in de plaats geven, hoeft u alleen background: url deel met dit: background: #000000; . Het voorbeeld is gecodeerd zwart, maar u kunt ook een andere kleur.

Ook een aanvulling op het assortiment #commentform textarea op dezelfde manier.

Onze resultaten kun je, zie bijvoorbeeld onder dit artikel als je het leest in een enkele weergave.

Goed licht en een goede Nuck!