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.

chat box problem

View previous topic View next topic Go down

chat box problem

Post by Mr-_-Insano on November 1st 2010, 11:13 pm

im a perfectionist...
my chat box is almost the same color as my forum except two parts

Now what two css codes does that effect?
im currently using these...
Code:

/* Chatbox */

#frame_chatbox {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  border: none !important;
  }

#body.chatbox {    min-width: 550px !important;    background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png");    padding: 0;    margin: 0;    background-color: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png");    }

#chatbox_members {
  position: absolute;
  top: 30px;
  bottom: 30px;
  width: 180px;
  overflow: auto;
  border-right: 1px solid ;
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  }
#chatbox {
  position: absolute;
  top: 30px;
  left: 181px;
  right: 0;
  bottom: 30px;
  overflow: auto;
  line-height: 10px;
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  }
.chatbox_row_1,{
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png");  }
.chatbox_row_2,.{
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png");  }
chatbox_row_3 {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  font-size: 12px;
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  }
.chatbox_row_4{
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png");  }
.chatbox-options {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  text-align:right;
  }
#chatbox_messenger_form .gen,{

background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png");  }
#chatbox_messenger_form .text-field,{

background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png");  }
#chatbox_messenger_form {
  float:right;
  white-space : nowrap;
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  }
#chatbox_footer {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  }
#chatbox_footer table.text-styles {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  float: right;
  }
#chatbox_footer .text-field {
background: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  }
#chatbox_header {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  height: 30px;
  background-color: #2d2d2d;
  }
#chatbox p {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  line-height: 1.2em;
  }
.chatbox_row_1 {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  padding: 4px;
  background-color: #222222;
  }
.chatbox_row_2 {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  padding: 4px;
  background-color: #222222;
  }
.chatbox_row_3 {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  padding: 4px;

  background-color: #2a2a2a;
  }
.memberlist_row_1 {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  padding: 2px 2px 2px 10px;
  background-color: #222222;
  }
#chatbox_members .member-title {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  text-align: center;
  padding: 0.5em 0.25em;
  background-image: none;
  font-size: 12px;
  background-color: #2a2a2a;
  color : #dddddd;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  }
#chatbox_members ul {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  list-style: none;
  margin: 0 0 0 10px;
  }
#chatbox_members ul li {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  margin: 2px 2px 2px 0;
  }
#message,#submit_button{
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  border-width: 1px;
  }
.fontbutton {


  padding: 1px;
  cursor: pointer;
  text-align: left;
  }
.fontbutton_normal {

  background: #E1E1E2;
  }
.fontbutton_selected {

  background: #BBC7CE;
  border: 1px solid #22229C;
  }
.fontbutton_clicked {

  background: #959595;
  border: 1px solid #22229C;
  }
.fontbutton_hover {

  background: #E1E1E2;
  border: 1px solid #22229C;
  }
#chatbox .user {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
 
  font-weight: bold;
  }
div#chatbox {

background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
 

  color: #888888;
  }
#chatbox_contextmenu {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
    background-color: #2a2a2a;
    border:1px solid #aaa;
  }
#chatbox_contextmenu p {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  margin:0;
    padding: 1px 4px;
  font-family: verdana, arial, sans-serif;
  background: #;
  border-bottom:1px solid #777;
    }
#chatbox_contextmenu p.hover {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
    background: #;
    }
#chatbox_contextmenu p.close {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
  background: #ddd;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url("");
    }
#chatbox_contextmenu p.close img {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
    vertical-align: middle;
    padding-left: 20px;
  }
#chatbox_contextmenu a {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
    color: #;
    text-decoration: none;
    font-size: 70%;
  }
#chatbox_contextmenu a:hover {
background-image: url("http://i26.servimg.com/u/f26/15/76/30/71/bigger10.png"); 
    color: #FFA500;
 
.fontbutton
 
  border:0;
  }

Mr-_-Insano
New Member

Posts : 17
Reputation : 0
Language : Englilsh

Back to top Go down

Re: chat box problem

Post by Honor on November 1st 2010, 11:39 pm

I'm not an expert, but I learn by trial and error. One thing you can do to figure it out is to change color codes (#numbers) one at a time to some exotic color like bright red (#ff0000) or lime green (#26FF00), depending on what will stand out with your colors you already have.

Make sure you have a notepad handy, and save the entire chatbox code first, and then the numbers that you change (just in case you forget). Change one number, hit save, and see what changes. Replace it with it's original color, then change the next color code to the exotic color, save, and repeat.

Make sure you replace anything you change or you may end up confusing yourself. Sorry if this is a "duh" thing but without doing this trial and error myself, I don't know which code it is.

At least you can play while waiting on an expert to answer Smile

-Honor

Honor
Forumember

Female Posts : 172
Reputation : 17
Language : English
Location : Bouncing off the Walls

http://blueplanet.road2us.com

Back to top Go down

Re: chat box problem

Post by Mr-_-Insano on November 1st 2010, 11:49 pm

very true, if i have time i will, only problem is i have a url for everything becuae i didn't know what code it was lol. i have backround url("blahblah") instead of color

Mr-_-Insano
New Member

Posts : 17
Reputation : 0
Language : Englilsh

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