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.

Chatbox CSS Stylesheet

View previous topic View next topic Go down

Solved Chatbox CSS Stylesheet

Post by marlamin1 on 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

marlamin1
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

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

Try this:
Code:

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

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

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

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

marlamin1
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by LGforum on 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;
}

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by marlamin1 on 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
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

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

Bump.

marlamin1
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by LGforum on 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;
}

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

Post by marlamin1 on 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
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

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

Bump

marlamin1
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

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

Bump.

marlamin1
Forumember

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

http://thebleachworld.darkbb.com

Back to top Go down

Solved Re: Chatbox CSS Stylesheet

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

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

marlamin1
Forumember

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

http://thebleachworld.darkbb.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