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.

Few questions regarding the Chatbox & it's colors

View previous topic View next topic Go down

Few questions regarding the Chatbox & it's colors

Post by RoRoArts on November 24th 2012, 10:42 pm

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!

RoRoArts
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

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

Post by nextlevelgaming on November 24th 2012, 11:33 pm

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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

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

Post by RoRoArts on November 25th 2012, 1:19 am

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?

RoRoArts
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

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

Post by nextlevelgaming on November 25th 2012, 2:01 am

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
Forumember

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

http://www.easybbtutorials.forumotion.com

Back to top Go down

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

Post by RoRoArts on November 25th 2012, 2:09 am

That code isn't working

RoRoArts
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

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

Post by nextlevelgaming on November 25th 2012, 2:10 am

it should. Try adding !important like so
Code:

#message{color:#000 !important;}

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

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

Post by RoRoArts on November 25th 2012, 2:20 am

Thanks!

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

RoRoArts
Forumember

Posts : 31
Reputation : 1
Language : English

Back to top Go down

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

Post by nextlevelgaming on November 25th 2012, 2:45 am

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

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

View previous topic View next topic Back to top


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