[RD] Quick Reply Background Image and Centering

Hi,

The SoCal forum has the background image for all textareas (ie, quick reply, reply, headers/footers, account/user notes, etc. Basically, all the forms that are longer than one line.

A simple CSS code could be written that adds the background image to all textareas like the SoCal forum. Or are you looking just something to impact only the quick reply area?

Try this in your global header:

<style type="text/css">
textarea
{
border: 1px solid #999999; // the type of border of the textarea and the border color
background-color:#363636; // background color of the textarea, shown if your image doesn't cover it fully
color: #999999; // the text color, if you'd like it to change in textareas
background-image: url(background image URL);
background-repeat: no-repeat;
background-position: center center;
min-height: 165px;
}
</style>

The orange directions are pretty self-explanatory. You can remove the code associated with the orange text if you'd like it to revert to the default. Feel free to remove the orange comments if you're familiar with the CSS.

Replace the red text with the image URL you'd like to use as the background for all textareas.

The blue area is how you can customize your background image. Do you want it displayed once in the center of the textarea? Leave it as is. If you want it to repeat or display on a side/corner, you can customize it.

The purple part of the code tells all textareas on your forum that they have to be a certain minimum height. This part of the code will not impact large textareas like the headers/footers pages, but it WILL make all textareas smaller than the specified height, enlarge to that height. This is effective to make sure your full background image is shown in all the textareas, but is not mandatory. If you want to keep the height of all the textareas the same, remove the purple.

Let me know how it goes.

His code works for me. Would you, perhaps, have some other css in your headers that is over-riding it?

Did you edit it, prior to seeing if it worked. Could be you edited it wrong. And you put it in your global headers, correct?

Although I doubt this is the case you may want to clear your cache via tools on your browser. With the code in place do a hard refresh. (F5)

You are probably going to have to provide a link to your site with the code in place because that code does work If you want to keep your site private say so and I'm sure a mod will see this and allow you to pm them.

<style type="text/css">
textarea
{
border: 1px solid #FFFFFF;
background-color: #49494b;
color: #FFFFFF;
background-image: url(http://i694./vv307/DJZebra/btg-textbg.png);
background-repeat: no-repeat;
background-position: center center;
}
</style>

You can't have comments like that in a style sheet..

bump

PERFECT. Thanks Todge.