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.

IPB CSS / Chatbox (Jalokim required) [solved]

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

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

Post by Darren1 on 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
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

Post by ankillien on 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.
avatar
ankillien
Energetic

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

http://www.webartzforum.com/

Back to top Go down

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

Post by Darren1 on 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 -.-
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

Post by ankillien on 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
avatar
ankillien
Energetic

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

http://www.webartzforum.com/

Back to top Go down

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

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

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
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

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

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

PS: Bump
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

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

Bump!
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

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

Bump!

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

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

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

Post by Aggie on 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?
avatar
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 on June 3rd 2009, 3:44 am

Aggie, you have a completallydifferent problem to me Wink

Time to bump xD
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

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

Jalo, id appreciate a reply
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

Post by Aggie on 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;
   }
avatar
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 on 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.
avatar
ankillien
Energetic

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

http://www.webartzforum.com/

Back to top Go down

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

Post by Aggie on 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).
avatar
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 on 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
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

Post by ankillien on 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' :/
avatar
ankillien
Energetic

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

http://www.webartzforum.com/

Back to top Go down

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

Post by Aggie on 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 .
avatar
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 on 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.
avatar
ankillien
Energetic

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

http://www.webartzforum.com/

Back to top Go down

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

Post by Aggie on 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.
avatar
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 on 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.
avatar
ankillien
Energetic

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

http://www.webartzforum.com/

Back to top Go down

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

Post by Darren1 on 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.
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

Post by --kml-- on 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
avatar
--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-- on 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
avatar
--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 on 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)
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

Post by Guest on 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.

Guest
Guest


Back to top Go down

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

Post by Darren1 on 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?
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

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

btw i want to see your forum xD
can give the link Very Happy
avatar
--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 on 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.

Guest
Guest


Back to top Go down

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

Post by Darren1 on 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: ;
   }
avatar
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

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

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

Guest
Guest


Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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