I saw a few that some members of few forums on forumpolish server have a shadow in the text in chatbox... How to make it? It looks so cool...
3 posters
Text shadow in chatbox
Alarula Rose- New Member
- Posts : 3
Reputation : 1
Language : Polish, English
- Post n°1
Text shadow in chatbox
Ace 1- Helper
- Posts : 843
Reputation : 64
Language : English - French?
Location : Druid Hill Park
- Post n°2
Re: Text shadow in chatbox
what you mean? like a text shadow over a user's name? or the messages sent into the chatbox?
Alarula Rose- New Member
- Posts : 3
Reputation : 1
Language : Polish, English
- Post n°3
Re: Text shadow in chatbox
Messages into the chatbox actually. How to add shadow or glow effect behind text?
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
- Post n°4
Re: Text shadow in chatbox
Hi @Alarula Rose,
If you want it for all messages, you can add a shadow by adding the following rule to your stylesheet.
( Display > Colors > CSS stylesheet )
To change the color simply modify F00, which is shorthand hex for red. ( FF0000 )
If you want it in only specific messages, then you can use the table bbcode tags and add a style attribute. For example :
If you need additional information on text-shadow here are some references :
http://www.w3schools.com/cssref/css3_pr_text-shadow.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow
The latter is a bit more technical, so if you're not familiar with CSS I'd recommend the former.
If you want it for all messages, you can add a shadow by adding the following rule to your stylesheet.
( Display > Colors > CSS stylesheet )
- Code:
#chatbox .msg {
text-shadow:0 0 3px #F00;
}
To change the color simply modify F00, which is shorthand hex for red. ( FF0000 )
If you want it in only specific messages, then you can use the table bbcode tags and add a style attribute. For example :
- Code:
[table style="text-shadow:0 0 3px #F00"][tr][td]Text[/td][/tr][/table]
If you need additional information on text-shadow here are some references :
http://www.w3schools.com/cssref/css3_pr_text-shadow.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow
The latter is a bit more technical, so if you're not familiar with CSS I'd recommend the former.
Alarula Rose- New Member
- Posts : 3
Reputation : 1
Language : Polish, English
- Post n°5
Re: Text shadow in chatbox
Well it works perfect, but sometimes messages looks bigger than other or show under the nick... Like I use <br> or something
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
- Post n°6
Re: Text shadow in chatbox
If I'm correct in assuming that you're using the table method, you may need to add a bit of CSS to your stylesheet. Add the following to your sheet :
That should make the tables inline instead of block-level.
- Code:
#chatbox .msg table {
display:inline-block;
border-spacing:0;
}
That should make the tables inline instead of block-level.