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.

Few questions regarding the Chatbox & it's colors

2 posters

Go down

Few questions regarding the Chatbox & it's colors Empty Few questions regarding the Chatbox & it's colors

Post by RoRoArts November 24th 2012, 23:42

I have a few questions regarding the chatbox nd it's colors.

My chat: http://prntscr.com/ki4up

1) How do I get rid of that dotted line? And make it a solid gray line?
2) Is there a way to change the timestamp to [Date, Time]?
3) Can I get rid of the options to use Bold, Italic, Strike, and Underline? Also, have a default text color?
***I want a universal color (white) and style to be used by all members in the chat. And also change the background color for the text input box to black or dark gray?
4) Can I hide the @ for staff members on the chat?
5) If you look closely, there is a purple underline under my name. How do I get rid of that?

I would really appreciate it if someone could answer and help me with these 5 questions/problems of mine with my chatbox design.

Thanks!
avatar
RoRoArts
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

Few questions regarding the Chatbox & it's colors Empty Re: Few questions regarding the Chatbox & it's colors

Post by nextlevelgaming November 25th 2012, 00:33

Code:
#chatbox_members {border-right:1px solid #c3c3c3;}

Code:
#chatbox_messenger_form .right #divbold,#chatbox_messenger_form .right #divitalic, #chatbox_messenger_form .right #divunderline, #chatbox_messenger_form .right #divstrike , #chatbox_messenger_form .right #divcolor{display:none;}

Code:
.msg span {
color: white !important;
}

Code:
#chatbox_members ul li a {
text-decoration: none;
}


working on the @ symbol now. If I forgot anything let me know
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Few questions regarding the Chatbox & it's colors Empty Re: Few questions regarding the Chatbox & it's colors

Post by RoRoArts November 25th 2012, 02:19

So far so good.

Now I need a code to make the text you type into the box black.
So as you're typing into the white box, black text appears into the box. But when you send it, it shows up as white text on the chat box. Can you do that?
avatar
RoRoArts
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

Few questions regarding the Chatbox & it's colors Empty Re: Few questions regarding the Chatbox & it's colors

Post by nextlevelgaming November 25th 2012, 03:01

Yes you can do that,

Code:
#message {color:#000;}

I am unable to find anything with CSS to get rid of that @. I tried :nth-child(1) , :first-child :first-of-type and none of these worked. only way I can think of is with jQuery/javascript kk
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Few questions regarding the Chatbox & it's colors Empty Re: Few questions regarding the Chatbox & it's colors

Post by RoRoArts November 25th 2012, 03:09

That code isn't working
avatar
RoRoArts
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

Few questions regarding the Chatbox & it's colors Empty Re: Few questions regarding the Chatbox & it's colors

Post by nextlevelgaming November 25th 2012, 03:10

it should. Try adding !important like so
Code:

#message{color:#000 !important;}
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Few questions regarding the Chatbox & it's colors Empty Re: Few questions regarding the Chatbox & it's colors

Post by RoRoArts November 25th 2012, 03:20

Thanks!

Now the last thing. How do I make the dotted line on the bottom (going left to right) solid?
avatar
RoRoArts
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

Few questions regarding the Chatbox & it's colors Empty Re: Few questions regarding the Chatbox & it's colors

Post by nextlevelgaming November 25th 2012, 03:45

#chatbox_footer {
border-top: 1px solid #c3c3c3;
}
nextlevelgaming
nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Back to top

- Similar topics

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