dannet

Arkiv for 12 Marts 2009

Antag, at du vil tillade dine besøgende til en side layout tilpasset kommentar oplevelse. Standard disse farveløs bokse med sort skrift, i dine besøgendes navn (påkrævet) "," E-mail (vil ikke blive offentliggjort) (påkrævet) "og" Website "og kan indtaste kommentaren teksten. Da du nu vil have en lidt farve eller endda tilføje et billede? Intet problem, er dette udført i et øjeblik.

Først skal du bare brug for en idé om, hvordan det ville se ud. Vil du have en farve eller et billede? Derefter kan du åbne Dashboard af WordPress style.css fil og kigge efter sætninger som disse:

#commentform input eller #commentform textarea . (Den særlige i dit tilfælde kan også bære lidt forskellige navne, så hvis du ser den samme kode, men du har en anelse om, hvad man bør se på det rette tidspunkt.

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

"Bredde" bestemmer længden af ​​input feltet, "polstring" polstring af indholdet til kanten og "margen" en gennemsigtig afstand til næste punkt. Mens fyldt "polstring" med farve eller billede af dit valg vil være "margen" er virkelig klar og ligner din side, hvor du præsenterer dit indhold. (Det tilsvarende CSS henvisninger kan findes her og her ).

I vores tilfælde ønskede vi at have baggrunden som i indtastningsfelterne. Derfor har vi denne samme sti til billedfilen indsættes: background: url('images/kubrickbgcolor.jpg');

Da dette er helt mørkt, vi har color: #ffffcc; tekstens farve matchede et lyst interiør. Efter alt, kan dine besøgende læse, hvad de skriver.

Hvis du foretrækker en farve i stedet for et billede? Nej, du bare udskifte temaet background: url del med dette: background: #000000; . Eksemplet er kodet sort, men du kan også indtaste en anden farve.

Analog at supplere det sortiment #commentform textarea på samme måde.

Vores resultater kan du se, for eksempel, under denne artikel, hvis du læser det i enkelt visning.

Godt lys og god nuck!