The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Text shadow in chatbox

View previous topic View next topic 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 : 822
Reputation : 59
Language : English - French?
Location : Druid Hill Park

http://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 : 13176
Reputation : 2879
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

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 : 13176
Reputation : 2879
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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