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.

Chatbox CSS Stylesheet

2 posters

Go down

Solved Chatbox CSS Stylesheet

Post by marlamin1 Sun Feb 12 2012, 21:35

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 Tue Feb 21 2012, 23:36; edited 1 time in total
marlamin1
marlamin1
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by LGforum Sun Feb 12 2012, 22:35

Try this:
Code:

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

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

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by marlamin1 Sun Feb 12 2012, 22:43

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

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by LGforum Sun Feb 12 2012, 22:56

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;
}
LGforum
LGforum
Hyperactive

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

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by marlamin1 Sun Feb 12 2012, 23:00

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by marlamin1 Tue Feb 14 2012, 15:26

Bump.
marlamin1
marlamin1
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by LGforum Tue Feb 14 2012, 20:27

Change it to this:
Code:

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

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

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by marlamin1 Tue Feb 14 2012, 20:33

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by marlamin1 Fri Feb 17 2012, 14:54

Bump
marlamin1
marlamin1
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by marlamin1 Mon Feb 20 2012, 00:32

Bump.
marlamin1
marlamin1
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by marlamin1 Tue Feb 21 2012, 23:35

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

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

http://thebleachworld.darkbb.com

Back to top Go down

Back to top

- Similar topics

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