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.

Chatbox Code Changes Don't Work

View previous topic View next topic Go down

Chatbox Code Changes Don't Work

Post by JustinM2 on December 9th 2012, 12:16 am

So I recently switched my forums skin and have been trying to customize it. However, I have been unable to change the chatbox from the CSS Stylesheet. I can edit it and it saves, but nothing changes. The reason I want to change it is when I changed my main background it filled my chatbox, so I figured something was set to transparent. I changed what I thought would do it, but nothing changed. Then I changed other things such as the row colors and they didn't change either. Here's the coding:
Code:
/* SMDB-Chatbox */
body.chatbox {
   background-image: none;
   padding: 0;
   margin: 0;
   background-color: black;
   }
#chatbox_header {
   height: 30px;
   background-image: url('http://i10.servimg.com/u/f10/14/50/74/75/black_12.gif');
   }
#chatbox_header.main-head {
   padding: 0 1.3em;
   color: #dedfdf;
   background-color: transparent;
   }
.chatbox-title,.chatbox-title a.chat-title {
   color: #dedfdf;
   text-decoration: none;
   }
.chatbox-title {
   float: left;
   margin: 0;
   padding: 2px 5px 0 5px;
   width: 15em;
   }
.chatbox-options {
   float: right;
   list-style: none;
   font-size: 11px;
   margin: 0.7em 0.5em 0.5em 0.5em;
   }
.chatbox-options li {
   display:inline;
   }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
   color: #dedfdf;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px dashed #ccc;
   }
#chatbox_messenger_form {
   margin: 10px 0 0 0;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 8px;
   background-image: url('http://i10.servimg.com/u/f10/14/50/74/75/black_10.gif');
   font-size: 12px;
   background-color: transparent;
   color : #00569c;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   text-align: center;
   padding: 8px;
   margin: 0 0 0 0em;
   background-image: url('http://i10.servimg.com/u/f10/14/50/74/75/patter25.png');
   repeat-y
   }
#chatbox_members ul li {
   margin: 0.5em 0.5em 0.5em 0;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 8px;
   background-image: url('http://i10.servimg.com/u/f10/14/50/74/75/black_10.gif');
   background-color: #dfdfdf;
   }
.chatbox_row_2 {
   padding: 8px;
   background-image: url('http://i10.servimg.com/u/f10/14/50/74/75/patter25.png');
   background-color: #c8c8c8;
   }
.chatbox_row_3 {
   padding: 8px;
   background-image: url('http://i10.servimg.com/u/f10/14/50/74/75/black_10.gif');
   background-color: #dfdfdf;
   }
#chatbox .user {
   font-weight: bold;
   }
.memberlist_row_1 {
   background-color: transparent;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   border-top: 1px dashed #ccc;
   background-image: url('http://i10.servimg.com/u/f10/14/50/74/75/black_12.gif');
   }
#message,#submit_button{
   border-width: 1px;
   }
.fontbutton {
   padding: 1px;
   cursor: pointer;
   text-align: left;
   }
.fontbutton_normal {
   background: #E1E1E2;
   }
.fontbutton_selected {
   background: #BBC7CE;
   border: 1px solid #424141;
   }
.fontbutton_clicked {
   background: #959595;
   border: 1px solid #424141;
   }
.fontbutton_hover {
   background: #E1E1E2;
   border: 1px solid #424141;
   }
.fontbutton {
   background:#E1E1E2 none repeat scroll 0%;
   border:medium none;
   color:#000000;
   float:left;
   margin-right:10px;
   padding:1px;
   }

/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
* html #chatbox {
   
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
   }
* html #chatbox-footer {
   
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
   }
#chatbox_contextmenu {
   border: 2px solid black;
   background-color: red;
   }
#chatbox_contextmenu p {
   margin:0;
   padding: 1px 4px;
   font-family: verdana, arial, sans-serif;
   background: red;
   border-bottom:1px solid #777;
   }
#chatbox_contextmenu p.hover {
   background: red;
   }
#chatbox_contextmenu p.close {
   padding: 1px;
   font-size: 95%;
   color:#dfdfdf;
   background: url('');
   }
#chatbox_contextmenu p.close img {
   vertical-align: middle;
   padding-left: 20px;
   }
#chatbox_contextmenu a {
   color: #e9e9e9;
    text-decoration: none;
    font-size: 95%;
   }
#chatbox_contextmenu a:hover {
   color: white;
   }
I'm fairly sure this isn't the regular chatbox that others have so I have been unable to find help for this problem. My forum version is PunBB if it makes a difference. I'd post a link to the forum, but I'm under the week threshold for new accounts.

JustinM2
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

Re: Chatbox Code Changes Don't Work

Post by JustinM2 on December 9th 2012, 4:18 am

I pasted that directly into the Stylesheet, but the main background of the website still runs into the Chatbox. However, it is covered up bit by bit when someone posts something in chat.

EDIT: Nothing that I have changed under the Chatbox section has had any effect at all. Is there any reason for it not to?


Last edited by JustinM2 on December 9th 2012, 4:25 am; edited 1 time in total (Reason for editing : Additional information)

JustinM2
New Member

Posts : 3
Reputation : 1
Language : English

Back to top Go down

Re: Chatbox Code Changes Don't Work

Post by EverEffects on December 9th 2012, 5:49 am

Editing it threw the HTML was the only way i found it worked well.

EverEffects
Forumember

Posts : 105
Reputation : 1
Language : English

Back to top Go down

Re: Chatbox Code Changes Don't Work

Post by JustinM2 on December 9th 2012, 6:00 am

And how would I go about doing that? I am quite new to this.

JustinM2
New Member

Posts : 3
Reputation : 1
Language : English

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