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...

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?

Ace 1
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.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?

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.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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

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.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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