formed

Archive for 12 March 2009

Suppose you want to allow your visitors to a page layout adapted Comment experience. Standard these colorless boxes with black lettering, in your visitors' name (required) "," Email (will not be published) (required) "and" Website "and can enter the comment text. Since you now want a little color or even add a picture? No problem, this is accomplished in a few moments.

First, you just need an idea of how it would look like. Would you like a color or a picture? Then you open the Dashboard of WordPress style.css file and look for phrases like these:

#commentform input or #commentform textarea . (The special in your case can also carry slightly different names, so if you see the same code, but you have a clue what you should see at the appropriate point.

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

"Width" determines the length of the input field, "padding" the padding of the content to the edge and "margin" a transparent distance to the next item. While filled "padding" with the color or image of your choice will be "margin" is really clear and looks just like your page, where you present your content. (The corresponding CSS references can be found here and here ).

In our case, we wanted to have the background like in the input fields. Accordingly, we have this same path to the image file added: background: url('images/kubrickbgcolor.jpg');

As this is quite dark, we have color: #ffffcc; the text color matched a bright interior. After all, your visitors can read what they write.

If you prefer a color instead of a picture? No, you simply replace the theme background: url part with this: background: #000000; . The example is coded black, but you can also enter any other color.

Analog to complement the range #commentform textarea in the same way.

Our results you can see, for example, below this article if you read it in single view.

Good light and good nuck!