Text shadow in chatbox

Go down

In progress Text shadow in chatbox

Post by Alarula Rose on August 14th 2015, 1:46 am

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...
avatar
Alarula Rose
New Member

Posts : 3
Reputation : 1
Language : Polish, English

Back to top Go down

In progress Re: Text shadow in chatbox

Post by Ace 1 on August 16th 2015, 4:32 pm

what you mean? like a text shadow over a user's name? or the messages sent into the chatbox?
avatar
Ace 1
Helper
Helper

Male Posts : 842
Reputation : 63
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

In progress Re: Text shadow in chatbox

Post by Alarula Rose on August 18th 2015, 11:52 pm

Messages into the chatbox actually. How to add shadow or glow effect behind text?
avatar
Alarula Rose
New Member

Posts : 3
Reputation : 1
Language : Polish, English

Back to top Go down

In progress Re: Text shadow in chatbox

Post by Ange Tuteur on August 19th 2015, 10:29 am

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 )
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.
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Text shadow in chatbox

Post by Alarula Rose on August 24th 2015, 6:51 pm

Well it works perfect, but sometimes messages looks bigger than other or show under the nick... Like I use <br> or something
avatar
Alarula Rose
New Member

Posts : 3
Reputation : 1
Language : Polish, English

Back to top Go down

In progress Re: Text shadow in chatbox

Post by Ange Tuteur on August 25th 2015, 10:47 am

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 :
Code:
#chatbox .msg table {
  display:inline-block;
  border-spacing:0;
}

That should make the tables inline instead of block-level.
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum