Chatbox CSS Stylesheet Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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

    Chatbox CSS Stylesheet

    marlamin1
    marlamin1
    Forumember


    Male Posts : 37
    Reputation : 1
    Language : english
    Location : Clearfield, Pennsylvania

    Solved Chatbox CSS Stylesheet

    Post by marlamin1 February 12th 2012, 8:35 pm

    Hello, I believe the following question pertains to CSS Stylesheet coding. I am one of two designers on the forum Bleach - Beyond the Dark. The URL is http://bleachbeyondthedark.forumotions.net/ . I've recently been trying to make two edits to the chatbox but my knowledge of CSS stylesheet coding is rather limited. There are two issues I need fixed, below is a screenshot of the forum's chatbox for reference.

    Spoiler:

    You'll note in the image the text submission field. The color I am using is the default chatbox color. It appears black in the submission field and posts white in the above viewing area. What I'm trying to do is make the default text color within the submission field white so that it is readable while typing it. Yes, I'm aware that I can simply change my font color and it'll be readable, and yes I can simply choose white to fix the problem, but I'd rather it be the default.

    The second problem I would like fixed is the color of the member's names in the chatbox. I very much dislike the white underline under the admin's red names. Regular members appear white so simply changing the underline to red would not fix the problem as white names would then have a red underline. One of a few options would work in this situation:

    1.) Change the underline to match the color of the Usergroup Default. Admins would have a red underline matching their name, members white, and moderators green. So on and so forth... However it would have to be auto-correcting, not manual. Since I'm not fluent in CSS, it would be an issue for me to constantly update the code to match the color of every new usergroup we add to the forum.

    2.) Remove the underline. It's not necessary and this is likely the simplest route.

    3.) Change the color of all users' names to white, matching the underline. This would make differentiating between Admins and Moderators impossible but if all else fails it would be an acceptable option.

    I am able to add any css stylesheet coding you supply in the admin panel, I'm fluent enough to make those kinds of edits. It's just the creating of new lines of code that confuses me. I can, as well, supply you with any further information you may require. Thank you for taking the time to read this.


    Last edited by marlamin1 on February 21st 2012, 10:36 pm; edited 1 time in total
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: Chatbox CSS Stylesheet

    Post by LGforum February 12th 2012, 9:35 pm

    Try this:
    Code:

    #chatbox_members ul li {
      text-decoration: none;
    }
    #chatbox_footer #message {
      color: #fff;
    }
    marlamin1
    marlamin1
    Forumember


    Male Posts : 37
    Reputation : 1
    Language : english
    Location : Clearfield, Pennsylvania

    Solved Re: Chatbox CSS Stylesheet

    Post by marlamin1 February 12th 2012, 9:43 pm

    The submission field now types with a white default. Thank you, but the white underline still remains.
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: Chatbox CSS Stylesheet

    Post by LGforum February 12th 2012, 9:56 pm

    Change the code to this:

    Code:

    #chatbox_members ul li a {
      text-decoration: none;
    }
    #chatbox_footer #message {
      color: #fff;
    }

    if that doesnt work try this:
    Code:

    #chatbox_members ul li a:link {
      text-decoration: none;
    }
    #chatbox_footer #message {
      color: #fff;
    }
    marlamin1
    marlamin1
    Forumember


    Male Posts : 37
    Reputation : 1
    Language : english
    Location : Clearfield, Pennsylvania

    Solved Re: Chatbox CSS Stylesheet

    Post by marlamin1 February 12th 2012, 10:00 pm

    Alright, both of those removed the underline from the side bar. That's half of the problem. But it still appears in the posted text area.

    EDIT: I just noticed something on my other forum. On the mainpage, it changes the underline to match the color group. It does not do this on the forum I'm currently editing however. Do you think you could use the prior forum's css styles sheet as a reference to find the code appropriate for the #1 solution I've provided in my original post?

    Other site:

    Spoiler:

    Current site:

    Spoiler:

    EDIT: I also just noticed, some of the underlines, both in the cbox and on the main page are light blue... Seemingly at random. Would it help if I supplied my default CSS?
    marlamin1
    marlamin1
    Forumember


    Male Posts : 37
    Reputation : 1
    Language : english
    Location : Clearfield, Pennsylvania

    Solved Re: Chatbox CSS Stylesheet

    Post by marlamin1 February 14th 2012, 2:26 pm

    Bump.
    LGforum
    LGforum
    Hyperactive


    Male Posts : 2265
    Reputation : 264
    Language : English
    Location : UK

    Solved Re: Chatbox CSS Stylesheet

    Post by LGforum February 14th 2012, 7:27 pm

    Change it to this:
    Code:

    #chatbox_members ul li a:link {
      text-decoration: none;
    }
    #chatbox_footer #message {
      color: #fff;
    }
    #chatbox a {
      text-decoration: none;
    }
    marlamin1
    marlamin1
    Forumember


    Male Posts : 37
    Reputation : 1
    Language : english
    Location : Clearfield, Pennsylvania

    Solved Re: Chatbox CSS Stylesheet

    Post by marlamin1 February 14th 2012, 7:33 pm

    Brilliant, that worked! Also, if you'll note the edits to my previous posts...

    marlamin1 wrote:EDIT: I just noticed something on my other forum. On the mainpage, it changes the underline to match the color group. It does not do this on the forum I'm currently editing however. Do you think you could use the prior forum's css styles sheet as a reference to find the code appropriate for the #1 solution I've provided in my original post?

    Other site:

    Spoiler:

    Current site:

    Spoiler:

    EDIT: I also just noticed, some of the underlines, both in the cbox and on the main page are light blue... Seemingly at random. Would it help if I supplied my default CSS?

    ...I had another question about the main page. If you can give me something to make the current site's homepage reflect the old site's homepage, I'll be set and we can mark this solved.
    marlamin1
    marlamin1
    Forumember


    Male Posts : 37
    Reputation : 1
    Language : english
    Location : Clearfield, Pennsylvania

    Solved Re: Chatbox CSS Stylesheet

    Post by marlamin1 February 17th 2012, 1:54 pm

    Bump
    marlamin1
    marlamin1
    Forumember


    Male Posts : 37
    Reputation : 1
    Language : english
    Location : Clearfield, Pennsylvania

    Solved Re: Chatbox CSS Stylesheet

    Post by marlamin1 February 19th 2012, 11:32 pm

    Bump.
    marlamin1
    marlamin1
    Forumember


    Male Posts : 37
    Reputation : 1
    Language : english
    Location : Clearfield, Pennsylvania

    Solved Re: Chatbox CSS Stylesheet

    Post by marlamin1 February 21st 2012, 10:35 pm

    Closing due to lack of response. *Marks solved* Thank you for your time LGForum.