Pic inside Message Box

Sep

2011

I saw some guys forum and he has an image inside the Message Box.
What is the code for this but for PunBB

Also he has it set up so when ever one rolls over a click-able link it gives it a glow to let you know that it is click-able. Is there code for that too?

1 shadowz au, on 23/09/2011 at 16h11

Code:: #quick_reply #textarea_content textarea{}

If this you want?

Sorry wrong 1

2 PotterLand, on 23/09/2011 at 16h13

For phpBB2 and Invision?

3 shadowz au, on 23/09/2011 at 16h14

Punbb

4 Base, on 23/09/2011 at 18h12

Hi, is that the quick reply box or the full message editor box? Smile

5 shadowz au, on 23/09/2011 at 18h13

White box

6 dmwdead909, on 23/09/2011 at 22h32

Base wrote:Hi, is that the quick reply box or the full message editor box?

It is the full message box. But if the code can be done for both boxes that would be even better. Also what about the glowing links of when you put your mouse over them anybody know code for that?

7 Guest, on 24/09/2011 at 00h45

The following CSS will put an image near the bottom right of the editor boxes. Since all board types use the same vBulletin 3.6 editor, it will work on all board types.

Code:: #text_editor_textarea {background: #fff url(IMAGE URL) 95% 95% no-repeat !important;}

Substitute the URL of the image for "IMAGE URL", and if you don't want a white background, the background color of your choice for "#fff". If you change "95% 95%" to "50% 50%", it will center the image, and "5% 5%" will put the image near the top left.

This is for the normal editor. If you use the WYSIWYG editor, then you'll need to find someone else to help because I don't support the WYSIWYG editor.

8 dmwdead909, on 24/09/2011 at 11h06

That worked =). Do you know what is the code for the Quick Reply Box?

Also if anybody know how to set it up for WYSIWYG please give me code but for now ill use this one.

9 zebadee_19, on 24/09/2011 at 12h39

dmwdead909 wrote:That worked =). Do you know what is the code for the Quick Reply Box?

Also if anybody know how to set it up for WYSIWYG please give me code but for now ill use this one.

This works for me.

form#quick_reply textarea#text_editor_textarea {
background-image: url(Image url);
}

10 george, on 25/09/2011 at 00h12

It is beautiful :O

11 maybear209, on 25/09/2011 at 00h27

oh ya it is

12 george, on 25/09/2011 at 00h51

and now for a reason i want put it

13 dmwdead909, on 25/09/2011 at 09h44

Sick thanks it worked.

But does anybody know hot to make it so when one rolls over a click-able link it gives it a glow to let you know that it is click-able. Is there code for that too?

14 Nera., on 25/09/2011 at 09h50

Hi,

You can change the glow, color, radius etc.
AP >> Display >> Colors >> CSS

Code:: a:link:hover { text-decoration: none !important; text-shadow: 0 0 0.2em white, 0 0 0.2em white, 0 0 0.2em white; }

15 dmwdead909, on 25/09/2011 at 10h45

Nera. wrote:Hi,

You can change the glow, color, radius etc.
AP >> Display >> Colors >> CSS

Code:
a:link:hover { text-decoration: none !important; text-shadow: 0 0 0.2em white, 0 0 0.2em white, 0 0 0.2em white; }

Sick really appreciate it.

16 Nera., on 25/09/2011 at 10h47

Solved?

17 PotterLand, on 25/09/2011 at 17h01

zebadee_19 wrote:
dmwdead909 wrote:That worked =). Do you know what is the code for the Quick Reply Box?

Also if anybody know how to set it up for WYSIWYG please give me code but for now ill use this one.

Hi
This works for me.

form#quick_reply textarea#text_editor_textarea {
background-image: url(Image url);
}

It works! Thanks!

18 dmwdead909, on 25/09/2011 at 17h50

Nera. wrote:Solved?

Yea solved

19 Nera., on 25/09/2011 at 21h34

Solved > Locked