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.

IPB CSS / Chatbox (Jalokim required) [solved]

5 posters

Page 1 of 2 1, 2  Next

Go down

Solved IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 May 23rd 2009, 4:09 am

I have been trying to change the default text colour of the Chatbox on a IPB (aka invision) board, and have searched and failed to locate the code that will change it; even though I thought I found a substitute to change the background, which also failed.

I am seeing text as white; while another user is un able to see it. (I think that means black as the background is black)

Forum address: http://evolvingrockers.forumotion.com/i
Skin is Jalokims (umm) Egnaro theory

The current Chatbox codes im looking at is:

Code:
#chatbox_contextmenu {
color: #f6f6f6;
   border: 2px solid black;
   background-color: #282828;
   }
#chatbox_contextmenu p {
   margin:0;
   padding: 1px 4px;   font-family: Helvetica;
   background: #262626;
   border-bottom:1px solid #777;
   }
#chatbox_contextmenu p.hover {

   background: #242424;
   }
#chatbox_contextmenu p.close {
   background: #ddd;
   padding: 1px;
   font-size: 95%;
   color:#fff;
   background: url('');
   }
#chatbox_contextmenu p.close img {
   vertical-align: middle;
   padding-left: 20px;
   }
#chatbox_contextmenu a {
   color: #f6f6f6;
    text-decoration: none;
    font-size: 95%;
   }
#chatbox_contextmenu a:hover {
   color: ;
   }

And I would like to make it so that the default chatbox colour is white.



P.S. I hate IPB CSS Razz



(Sorry jalo, but it needed to be posted in here rather than in the hitskin section about this skin)


Last edited by darren1 on June 7th 2009, 8:31 am; edited 2 times in total
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by ankillien May 23rd 2009, 4:31 am

I tried but this seems impossible to me.
Only Jalokim would know how to do this.
On all the chatbox, the defauld message color is black so I don't think CSS can change it. You can change the color only via font-color tool in your chatbox.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 May 25th 2009, 2:18 am

Thanks ankillien, thought you would have the fix lol.

Nah, I cant change the font color, as its customized CSS, and by de-activating it, the other admin complains that the forum is all screwed up, even though it is perfectly normal to me Confused
So, I have to keep the Customized CSS.

Now, to wait 8 hours till jalo and his smart as CSS codes comes in -.-
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by ankillien May 25th 2009, 5:29 am

I don't see any possibilities of CSS to fix this.
As per me, you have to change color through the chat-box itself.

I am not sure if Jalokim has some solution IPB CSS / Chatbox (Jalokim required) [solved] Mouais
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 May 25th 2009, 6:08 am

ankillien wrote:I don't see any possibilities of CSS to fix this.
As per me, you have to change color through the chat-box itself.

I am not sure if Jalokim has some solution IPB CSS / Chatbox (Jalokim required) [solved] Mouais

Thats the solution I came up with myself, but I want to be sure so im waiting for Jalo.
(Made quite a snazzy name too) Mr. Green
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 May 26th 2009, 9:05 am

Jalokim please please reply; I am desperate to change this!

PS: Bump
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 May 28th 2009, 6:41 am

Bump!
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 May 29th 2009, 1:01 pm

Bump!

Jalo, i know ur hidden, can you please help out?

EDIT: You were hidden just before ))
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Aggie June 2nd 2009, 11:14 pm

I have a same problem too. With the Jaded version I have a problem with the chat. The chat text is over the members list. I can't use another chat CSS in the CSS what I have :S.

It's realy terrible how the chat is made, because a lot of my members wants to chat and now they can't.
And why is the chat not seperated from the forum? So we can change the CSS in what we like and solve the problem by ourselfs?
Aggie
Aggie
Forumember

Female Posts : 185
Reputation : 0
Language : Dutch

http://www.aquariumwereld.com

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 June 3rd 2009, 3:44 am

Aggie, you have a completallydifferent problem to me Wink

Time to bump xD
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 June 4th 2009, 8:37 am

Jalo, id appreciate a reply
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Aggie June 4th 2009, 4:26 pm

No not realy, I have a template from Jalokim to (if it's another, doesn't matter) so that's why I said that I have the same problem. I used Invision and I couldn't changed anything. The chat is terrible.
Ok the problem is still there because the chatbox looks ugly, but finaly I can changed the width.

And if you will change the color (if it works, because not everything works with me) try to use something like this:
Code:

body.chatbox {
   background-image: none;
   }
.chatbox {
   background-color: #FFFFFF;
   }
Aggie
Aggie
Forumember

Female Posts : 185
Reputation : 0
Language : Dutch

http://www.aquariumwereld.com

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by ankillien June 4th 2009, 4:30 pm

Hi Aggie!
Darren is not talking about background color or image.
He is worried about the default chatbox message color i.e. gray.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Aggie June 4th 2009, 4:47 pm

The code what's given here is short and away diffrent from the standard Invision chatbox CSS code.

But maby this?
Code:

.chatbox_row_1 {
   padding: 4px;
        background-color: #FFFFFF;
   }
.chatbox_row_2 {
   padding: 4px;
        background-color: #00FFFF;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #006699;
   }

With this I changed the message color. Ow and I changed the colors in this, I don't have these colors on my chat Wink (don't worry Razz).
Aggie
Aggie
Forumember

Female Posts : 185
Reputation : 0
Language : Dutch

http://www.aquariumwereld.com

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 June 5th 2009, 1:20 am

Aggie, forumotion uses a different type of coding to any other company, this our invision is different.
Then, Jalokim, has his own style of coding which makes it even more different Wink

My problem is the default chatbox colour,
your problem is more with the while forum coding, thus being far more complex than my problem Wink

Thus we both have 2 different problems Wink
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by ankillien June 5th 2009, 5:51 am

darren1 wrote:Aggie, forumotion uses a different type of coding to any other company, this our invision is different.
Then, Jalokim, has his own style of coding which makes it even more different Wink

No one can have 'Style' of coding. Codes are codes and they are written in normal way.
No one can be unique in 'coding style' :/
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Aggie June 5th 2009, 10:39 pm

@Ankillien I agree with you, there is no unique style of coding CSS is CSS and nothing else. And I made the chatbox Smile on my own way (I tried al options, so I figured it out where the problem was). But one thing I can't change is the full width, but there was something more and I fixed that, so it's fine for me now.
It's important that everbody can use the chat in a normal way.

But please read the codes! I give you something you can use for your chatbox. And what is default chatbox color? You mean background color? If yes, change background image in color Smile.

And try, save the CSS that you have now on your computer as back-up. Place the codes I write here in your CSS (search for chatbox and place it there) and see what happen.

Also I see it in your code (I read your code better this time, sorry):

#chatbox_contextmenu {
color: #f6f6f6;
border: 2px solid black;
background-color: #FFFFFF;
}

That's al, you have to learn to change the colors will you see what happend. So I learned CSS on this way. And CSS is CSS, the only thing what could be diffrent with an other CSS code is the name. Like: "#chatbox_contextmenu" may have be "#chatbox" or "chatbox_background".

But padding, color, background-color and other things are the same! There is no diffrents in this Wink .
Aggie
Aggie
Forumember

Female Posts : 185
Reputation : 0
Language : Dutch

http://www.aquariumwereld.com

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by ankillien June 5th 2009, 10:44 pm

We are talking about the default color of messages.
When you post a message in chatbox, it is gray color by default. We are after changing the same via CSS. We don't have any issue with the background.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Aggie June 5th 2009, 10:52 pm

He said "My problem is the default chatbox colour" and nothing about message color!

There is a diffrent in that, if I read about chatbox color, I don't think about a color what you can have if you place a message.

Maby I can ask what did you try? Because I think it doesn't matter what I say Smile.
Aggie
Aggie
Forumember

Female Posts : 185
Reputation : 0
Language : Dutch

http://www.aquariumwereld.com

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by ankillien June 5th 2009, 11:07 pm

Ok, let me make it simple.
Just visit the chatbox of this forum and post something.
In what color does your post appear? Its gray and we want to change it.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 June 6th 2009, 1:33 am

Aggie,

my apologies about the miss-understanding, I have been under the "pressure cooker" lately, and overwhelmed with things to do.

My problem is that I cannot change the default text colour of the chatbox, from black to another colour.

You see, my problem is that I have tried changing the codes, to every darn colour I could think of, then used another source that provided colour codes, and that still did not work.

Thus I have opened this thread up.
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by --kml-- June 7th 2009, 6:11 am

ooo yes same like my topic about changing the default text colour that effects my whole forum . including the chat box and posts . but i seem can to change the CHAT BOX before it was grey.
now it is black Very Happy

Try see : http://kmlforumhl.forumotion.net/index.htm
--kml--
--kml--
Forumember

Male Posts : 456
Reputation : 1
Language : english

http://kmlforumhl.forumotion.net/forum.htm

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by --kml-- June 7th 2009, 6:55 am

i think the way to change the chat box colour is by
go to display >> colour >> then the text colour change it to something


i think that is how i change my chat box text colour ( i think)
xD
--kml--
--kml--
Forumember

Male Posts : 456
Reputation : 1
Language : english

http://kmlforumhl.forumotion.net/forum.htm

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 June 7th 2009, 7:07 am

--kml-- wrote:i think the way to change the chat box colour is by
go to display >> colour >> then the text colour change it to something


i think that is how i change my chat box text colour ( i think)
xD

Thats the text of the forum; I want the chatbox only.

And if I do it that way the forum goes all wacko Wink
(As stated before)
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Guest June 7th 2009, 7:10 am

Isn't there already a way to change the color in the chatbox? However, if you want to hardcode a text color in an IPB chatbox that can't be changed by your members, try this:

Code:
#chatbox .msg span {color: #800000 ! important;}
The #800000 represents a dark red. You need the !important descriptor because the chatbox code dynamically adds the color chosen by the member. That means your only choices are to leave the color alone, or hardcode it and take away a members' ability to change colors. I would recommend leaving the color alone, but hey, it's your forum!

Far more useful would be changing the default text size. You can do that with:

Code:
#chatbox .msg {font-size:12px; line-height:15px;}
The line-height will change the default height of the alternating-color bars.
avatar
Guest
Guest


Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 June 7th 2009, 7:28 am

Dion wrote:Isn't there already a way to change the color in the chatbox? However, if you want to hardcode a text color in an IPB chatbox that can't be changed by your members, try this:

Code:
#chatbox .msg span {color: #800000 ! important;}
The #800000 represents a dark red. You need the !important descriptor because the chatbox code dynamically adds the color chosen by the member. That means your only choices are to leave the color alone, or hardcode it and take away a members' ability to change colors. I would recommend leaving the color alone, but hey, it's your forum!

Far more useful would be changing the default text size. You can do that with:

Code:
#chatbox .msg {font-size:12px; line-height:15px;}
The line-height will change the default height of the alternating-color bars.

The light of a fellow coder help cheers Long over and and very appreciated! Very Happy

So, where do I put this code?
And it is safe to remove the " ! important" bit right?
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by --kml-- June 7th 2009, 7:37 am

btw i want to see your forum xD
can give the link Very Happy
--kml--
--kml--
Forumember

Male Posts : 456
Reputation : 1
Language : english

http://kmlforumhl.forumotion.net/forum.htm

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Guest June 7th 2009, 7:40 am

The CSS I provided goes into your forum's CSS. I know this works on an IPB chatbox, and it should work on a phpBB3 chatbox as well since the same chatbox software is used for both.

If you remove the !important tag, the code won't work. The chatbox software dynamically adds a color style to every chat message posted by a member, and it will override your color selection unless yours has the !important tag. Unfortunately, using the !important tag means the color you hardcode will override any color selection made by your members.

That's why I said it would be best to leave the color alone and let your members select their own colors.
avatar
Guest
Guest


Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Darren1 June 7th 2009, 7:46 am

Dion, where in this code (below) do I put the code of urs?
--kml--, read the first post AGAIN

darren1 wrote:
The current Chatbox codes im looking at is:

Code:
#chatbox_contextmenu {
color: #f6f6f6;
   border: 2px solid black;
   background-color: #282828;
   }
#chatbox_contextmenu p {
   margin:0;
   padding: 1px 4px;   font-family: Helvetica;
   background: #262626;
   border-bottom:1px solid #777;
   }
#chatbox_contextmenu p.hover {

   background: #242424;
   }
#chatbox_contextmenu p.close {
   background: #ddd;
   padding: 1px;
   font-size: 95%;
   color:#fff;
   background: url('');
   }
#chatbox_contextmenu p.close img {
   vertical-align: middle;
   padding-left: 20px;
   }
#chatbox_contextmenu a {
   color: #f6f6f6;
    text-decoration: none;
    font-size: 95%;
   }
#chatbox_contextmenu a:hover {
   color: ;
   }
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

Solved Re: IPB CSS / Chatbox (Jalokim required) [solved]

Post by Guest June 7th 2009, 7:54 am

darren1 wrote:Dion, where in this code (below) do I put the code of urs?
Hope this helps.

Code:
#chatbox .msg span {color: #800000 ! important;}
#chatbox_contextmenu {
color: #f6f6f6;
   border: 2px solid black;
   background-color: #282828;
   }

etc...edited for brevity
avatar
Guest
Guest


Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

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