Text shadow in chatbox
3 posters
Page 1 of 1
Text shadow in chatbox
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...
Alarula Rose- New Member
- Posts : 3
Reputation : 1
Language : Polish, English
Re: Text shadow in chatbox
what you mean? like a text shadow over a user's name? or the messages sent into the chatbox?
Re: Text shadow in chatbox
Messages into the chatbox actually. How to add shadow or glow effect behind text?
Alarula Rose- New Member
- Posts : 3
Reputation : 1
Language : Polish, English
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.
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
Alarula Rose- New Member
- Posts : 3
Reputation : 1
Language : Polish, English
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.
Similar topics
» Code for Shadow in usernames on chatbox
» CSS Text-Shadow not working
» Chatbox Text Color
» Chat box text color change/shadow change
» cleaning all text in chatbox
» CSS Text-Shadow not working
» Chatbox Text Color
» Chat box text color change/shadow change
» cleaning all text in chatbox
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum