Låt oss säga att du vill låta dina besökare till en sidlayout anpassad upplevelse kommentar. Standard dessa färglösa lådor med svart text i dina besökare namn (krävs) "," E-post (kommer inte att publiceras) (obligatorisk) "och" Web Site "och skriv in kommentaren texten. Eftersom du nu vill lägga till lite färg eller ens en bild? Inga problem, detta utförs i en liten stund.
Först behöver du bara en idé om hur det ska se ut. Vill du ha en färg eller en bild? Då du öppnar instrumentbrädan i Wordpress style.css och leta efter fraser som dessa:
#commentform input eller #commentform textarea . (Den speciella i ditt fall kan också bidra lite olika namn, men om du ser samma kod, men du har en aning om vad som bör finnas på lämplig plats.
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background: url('images/kubrickbgcolor.jpg');
color: #ffffcc;
}
"Bredd" bestämmer längden på inmatningsfältet "utfyllnad" stoppningen av innehållet till kanten och "marginal" en transparent avstånd till nästa punkt. Fylld medan "utfyllnad" med färg eller bilden av ditt val, är "marginalen" är faktiskt öppet, och ser precis som din sida, där du presenterar ditt innehåll. (CSS referenser kan hittas här och här ).
När det gäller vår hand, ville vi ha bakgrunden som i inmatningsfälten. Därför har vi lagt sökvägen till samma bildfil: background: url('images/kubrickbgcolor.jpg');
Eftersom detta är ganska mörkt, vi har med color: #ffffcc; matchade textfärgen en ljus interiör. När allt kommer omkring, kan dina besökare läsa vad de skriver.
Skulle du föredra en färg istället för en bild? Ersätter inte fråga, bara background: url -sektion med detta: background: #000000; . Exemplet är kodad svart, men du kan också ange någon annan färg.
På samma sätt kompletterar utbudet #commentform textarea på samma sätt.
Våra resultat kan du se nedan här artikeln till exempel, om du läser det i samma vy.
Bra ljus och bra Nuck!
















Bra ljus och bra Nuck!