Quick reply/Reply box code

I recently found a code on how to add it but it isn't working when I add it to my CSS stylesheet.
this was the code given, just wondering what's wrong with it.

Code:

/* Input------------------------------------------------------*/
.inputbox {
background-image: url('http://i49.photobucket.com/albums/f264/Football-88/quickreply.png');
}

The box is 550x200px. Do I have to lower the dimensions or what..

Solved that ^^ with this code:

Code:

input,textarea, select {
   color : #ededed;
   font: normal 11px Verdana,Arial,Helvetica,sans-serif;
   border-color : #ededed;
   background-image: url('http://i49.photobucket.com/albums/f264/Football-88/quickreply.png');
   }

New problem:
When I hit "Quote" or something like that to bring up the actual reply box, not the quick reply, it looks like this:
Is there any way I can make them separate images? An extra code perhaps?
Any help?

i think all you have to do is removethe photobucket link.
you mean you dont want the image in there right.

Code:

input,textarea, select {
  color : #ededed;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
  border-color : #ededed;
  background-image: url(' ');
  }

try that and se if it works for you.
where is this box supposed to appear at?
i put the code into try to test it but i dont see it anywhere on my forum.

hahaha oh ok i see. um all that dose for me is put an image in the quick reply or subject board.. so ok thats a cool code for that. but if you remove image link then now you wont see the image, but it's the same it would show without the code there anyway?

so I'm confused unless you have it appearing somewhere else on your forum..

Another words with the image link in there then you can see the image.
but if you take the image out of the equation. then it's the same way it would be with out the code.

am i missing something? to me the only significance to have this code is that you can add an image to your subject box or quick reply.and thats actually cool.but without the image then it's just a normal box like all forums.

Nah kirk, he means he doesn't want the image to repeat.

HavocPkz, you are in need of this code:

Code:


background-repeat:no-repeat;
background-position:center;


Place that under

Spoiler:

background-image: url('http://i49.photobucket.com/albums/f264/Football-88/quickreply.png');

Note: center can be replaced with top left, top right, bottom left, bottom right

i think what he is trying to do is have the image only in the quick reply and not in the full reply box, this is what i'd like to do anyway.

dotDavid wrote:Nah kirk, he means he doesn't want the image to repeat.

HavocPkz, you are in need of this code:

Code:


background-repeat:no-repeat;
background-position:center;


Place that under

Spoiler:

background-image: url('http://i49.photobucket.com/albums/f264/Football-88/quickreply.png');

Note: center can be replaced with top left, top right, bottom left, bottom right

oh ok thanx dotdavid. i just got a Lil confused with that one.

Laughing Assassin wrote:i think what he is trying to do is have the image only in the quick reply and not in the full reply box, this is what i'd like to do anyway.

^ Exactly right.

I don't want it to show up anywhere else but in the quick reply box.
But it shows up in all of the text fields on my forums.

Hello!

I got a fix for this
Use this code for quick reply style. It won't affect the 'post reply' page

Code:

#quick_reply textarea.post {
  color : #ededed;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
  border-color : #ededed;
  background-image: url('http://i49.photobucket.com/albums/f264/Football-88/quickreply.png');
}

Cheers that works a treat.

ankillien wrote:Hello!

I got a fix for this
Use this code for quick reply style. It won't affect the 'post reply' page

Code:

#quick_reply textarea.post {
  color : #ededed;
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
  border-color : #ededed;
  background-image: url('http://i49.photobucket.com/albums/f264/Football-88/quickreply.png');
}

So this replaces the previous code?
If so, thank you so much for the fix!

--EDIT--
Eh.. That didn't work. No image comes up over that code:


--EDIT 2--
Actually, I tried putting the other code back in and nothing shows up now. o.O
Even if I click "Add Reply" it only shows a sliver of it:

You need to remove the previous code that you were using.
Put this code in place of that.

Even when I did that it didn't work.

i'll let the pic do the talking



EDIT: just seen possible problem, i noticed on your pic that you had selected this totally changes the chatbox, try putting in code and change the box edit mode.

Nice to know it works for you

I don't think the A/A button can changes the CSS classes, so it cannot be the problem. I doubt if HavocPkz has completely removed the previous code or some part remains there

just to show what i mean,

before selecting



after selecting



so worth checking.

hmmm...that makes sense. It happens because after clicking A/A button tries to preview the post which does not have any background so it removes the images we added via CSS.

Laughing Assasin wrote:EDIT: just seen possible problem, i noticed on your pic that you had selected this totally changes the chatbox, try putting in code and change the box edit mode.

Yupp.. That was it. Sorry for such confusion guys, this is now solved.
(unless you can tell me what the edit would be for the "Add Reply" reply box. Just to add an extra image.

But anyways, thank you so much for your help!

For add reply box...

Code:

#text_editor_textarea {
background : url(IMAGE URL HERE);
}

Glad we could help you

Again, thank you all so much.
Marked as solved.