The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    Text shadow in chatbox

    Alarula Rose
    Alarula Rose
    New Member


    Posts : 3
    Reputation : 1
    Language : Polish, English

    In progress Text shadow in chatbox

    Post by Alarula Rose 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...
    Ace 1
    Ace 1
    Helper
    Helper


    Male Posts : 843
    Reputation : 64
    Language : English - French?
    Location : Druid Hill Park

    In progress Re: Text shadow in chatbox

    Post by Ace 1 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?
    Alarula Rose
    Alarula Rose
    New Member


    Posts : 3
    Reputation : 1
    Language : Polish, English

    In progress Re: Text shadow in chatbox

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

    Messages into the chatbox actually. How to add shadow or glow effect behind text?
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: Text shadow in chatbox

    Post by Ange Tuteur 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.
    Alarula Rose
    Alarula Rose
    New Member


    Posts : 3
    Reputation : 1
    Language : Polish, English

    In progress Re: Text shadow in chatbox

    Post by Alarula Rose 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
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: Text shadow in chatbox

    Post by Ange Tuteur 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.

      Current date/time is November 11th 2024, 10:24 pm