gevormd

Stel dat u wilt uw bezoekers in staat te stellen een pagina-indeling op maat ervaring commentaar. Standard, deze kleurloze dozen met zwarte letters in uw bezoekers 'naam (verplicht) "," E-mail (zal niet worden gepubliceerd) (verplicht) "en" Website "en voer het 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 dat eruit moet zien. Wilt u een kleur of een foto? Dan open je het dashboard van Wordpress style.css en zoek naar zinnen als deze:

#commentform input of #commentform textarea . (De speciale in uw geval kan ook bijdragen iets andere namen, maar als je dezelfde code, maar je hebt een idee wat 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 transparante afstand tot het volgende item. Gevuld terwijl "padding" met de kleur of het imago van uw keuze is, is de "marge" is eigenlijk transparant, en ziet er net als uw pagina, waar u presenteren uw inhoud. (De CSS referenties zijn te vinden hier en hier ).

Bij de hand, wilden de achtergrond als in de invoervelden hebben. Daarom hebben wij toegevoegd het pad naar deze hetzelfde beeld bestand: background: url('images/kubrickbgcolor.jpg');

Aangezien dit is nogal donker, we hebben met 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? Vervang geen probleem, alleen de background: url -sectie met deze: background: #000000; . Het voorbeeld is gecodeerd zwart, maar u kunt ook een andere kleur.

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

Onze resultaten zie je onderaan dit artikel bijvoorbeeld, als je het leest in enkele weergave.

Goed licht en een goede Nuck!

1 Reactie op "Hoe kan ik mijn commentaar velden?"