Chatbox really screwy

Hey everyone, my chatbox kinda messed up. I managed to change the CSS to get rid of the weird background and make it black again, but the side-scroller is still missing. Just look at what I mean really quick.



https://i.servimg.com/u/f74/17/26/24/37/chatbo10.jpg

And here's my forum URL:

narutoprovince.com

Thanks ahead of time!

Edit:
Also, a lot of the buttons are missing down toward the "enter text" area. I just expanded the chatbox so I could see the bottom.

{Irrelevant post}

Hi can i ask is this the default chatbox ?
I ask this as some of the other other sites have made a change to there chat rooms and we do not really deal with them changes here you will have to go to them that made the chat room changes and see if they have problems there end.

If this is the main FM hosted chatbox then it could be to do with your templates

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

Provide a test account. Thank you.

It is indeed the main chatbox. It was working fine up until like two days ago when I entered in a URL for that background into my CSS. I feel like I deleted something when I entered it in on accident? I honestly don't know.

atwengerd wrote:It is indeed the main chatbox. It was working fine up until like two days ago when I entered in a URL for that background into my CSS. I feel like I deleted something when I entered it in on accident? I honestly don't know.

if you send my buddy sir Chiavs an test account by pm he will be happy to look over the codes for you.

It just looks like you are missing a little part of the code to close your change made in the CSS files

Ape

Here's a test account:

Username: Bobby Joe
Password: 987654321q

Forum version, mate? Also, can you please provide the CSS you have? (ACP >> Display >> Colors >> CSS)

Thank you.


Also, thank you APE

i have took a look and see your problem aswell the best one to deal with this would defo be sir Chiavs he will have to have admin use thou to fix your code so it may be better to edit your post here and send him a pm with the info to your test account so he can log in with out giving any one else this info

Ape

Sure thing!

Code:

body {
   background-color: #000000;
   background-image: url("http://i74.servimg.com/u/f74/17/26/24/37/sasuke10.jpg");
     opacity 1.0;
   background-attachment: fixed;
        background-repeat:no-repeat;
        background-position: top-left;
   }

th,td,p {
    font-family: Verdana,Arial,Helvetica,sans-serif }

#i_logo {
    opacity: 0.80;
}

#i_logo:hover {
    opacity: .80;
}

.topic-actions .buttons a img:hover{
opacity: .80;
filter: alpha(opacity=80);
}

.topic-actions .buttons a img{
opacity: 0.80;
filter: alpha(opacity=80);
}

a:hover { text-shadow: 0 0 10px #fff; }

a { text-shadow: 0 0 5px #000; }

.signature_div img {
max-width: 300px; max-height: 300px;
}

a.mainmenu{
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
  }

a.mainmenu:hover{
filter:alpha(opacity=80);
-moz-opacity: .80;
opacity: .80;
    }


.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
    margin: 10px 0px;
    padding: 10px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 4px 4px 4px;
}

.info {
    background-color: #d1e4f3;
    background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
    color: #00529B;
    border: 1px solid #4d8fcb;
}

.success {
    background-color: #effeb9;
    background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
    color: #4F8A10;
    border: 1px solid #9ac601;
}
.warning {
    background-color: #ffeaa9;
    background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
    color: #9F6000;
    border: 1px solid #f9b516;
}
.error {
    background-color: #fccac3;
    background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
    color: #D8000C;
    border: 1px solid #db3f23;
}

.mes {
    background-color: #F2F2F2;
    background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
    border: 1px solid #AAAAAA;
    color: #545454;
}

.tips {
    background-color: #FEEAC9;
    background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
    border: 1px solid #D38E49;
    color: #bb640c;
}

.chat {
    background-color: #daecfb;
    background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
    border: 1px solid #2078c9;
    color: #066ac4;
}

/* resize image */
.resize_process .resizebox {
   display: none;
   }
.resize_process img.resize_img {
   display: none;
   }
.resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {
   display: inline-block;
   zoom: 1;
   display: none;
   }
.resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
   display: none;
   }
.resizebox {
   background-color: #000;
   max-width: 100%;
   line-height: 1.1em;
   cursor: default;
   font-weight: normal;
   font-style: normal;
   margin: 0;
   text-align: left;
   display: none;
   }
.resizebox div {
   font-weight: normal;
   font-style: normal;
   margin: 0;
   }
.resizebox .resize_border {
   border: 1px solid #fff;
   display: none;
   }
.resizebox .resize_content {
   padding: 5px 10px;
   display: inline-block;
   zoom: 1;
   display: none;
   }
.resizebox .resize_filler {
   border: none;
   padding: 0;
   width: 40px;
   display: none;
   zoom: 1;
   display: none;
   }
.attachbox {
   background-color:#000;
   border:1px dashed #fff;
   clear:left;
   float:left;
   margin:5px 5px 5px 0;
   padding:6px;
   width:auto;
   color:#fff;
   }
.attachbox dt {
   font-family:Arial,Helvetica,sans-serif;
   text-transform:uppercase;
   }
.attachbox dd {
   border-top:1px solid #fff;
   clear:left;
   font-size:0.9em;
   margin-left:10px;
   padding:0;
   }
dl.file {
   display: none;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   margin-bottom:10px;
   }
dl.file dt {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   margin:0;
   padding:0;
   text-transform:none;
   }
dl.file dt img {
   vertical-align:middle}
.info {
   font-size:10px;
   font-style:italic;
   }


/* Links */

a:link,a:active,a:visited {
    color: #ff5252;
    }
a:link{
    color: #ff5252;
    }
a:visited{
    color: #ff5252;
    }
a:active{
    color: #ff5252;
   }
a:hover{
    text-decoration: none !important;
    color: #ff5252;
    }
hr{
    height: 0;
    border: none;
    border-top-width: 1px;
   }
.bodyline{
  -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #transparent;
    border: 1px # solid;
   }
.bodylinewidth {
   width:100%

.forumline
  -webkit-border-radius: 15px;
    border-radius: 15px;
}

td.row1,td.row3.over:hover {
    background-color: transparent;
    }
td.row2,td.row1.over:hover {
    background-color: trasnparent;
    }
td.row3{
    background-image: url("http://i1211.photobucket.com/albums/cc424/JuzTNA/opacity.png");
    }
td.rowpic {
  background-image: url("http://i1211.photobucket.com/albums/cc424/JuzTNA/opacity.png");
   background-color: transparent;
   }
th {
   color: #fff;
   font-size: 11px;
   font-weight : bold;
   background-color: transparent
   height: 25px;
   background-image: url("http://i1211.photobucket.com/albums/cc424/JuzTNA/opacity.png");
   padding: 2px 3px;
   }
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
   background-color:transparent;
    border: transparent;
    border-style: none;
    height: 28px;
   }
td.cat,td.catHead,td.catBottom {
   height: 29px;
   border-width: 0;
   }
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
   font-weight: bold;
    border: transparent;
    border-style: solid;
   
/*height: 20px;
   */

td.row3Right,td.spaceRow {
   background-color: transparent;
        background-image: url("http://i1211.photobucket.com/albums/cc424/JuzTNA/opacity.png");
    border: transparent;
    border-style: solid;
   }
td.pourcentback {
  background-image: url("http://i1211.photobucket.com/albums/cc424/JuzTNA/opacity.png");
    background-color: transparent ;
    }
th.thHead,td.catHead {
 
    font-size: 12px;
    border-width: 1px 1px 0 1px;
    }
th.thSides,td.catSides,td.spaceRow {
    border-width: 0 1px;
    }
th.thRight,td.catRight,td.row3Right {
    border-width: 0 1px 0 0;
    }
th.thLeft,td.catLeft {
    border-width: 0 0 0 1px;
    }
th.thBottom,td.catBottom {
    border-width: 0 1px 1px 1px;
    }
th.thTop {
    border-width: 1px 0 0;
    }
th.thCornerL {
    border-width: 1px 0 0 1px;
    }
th.thCornerR {
    border-width: 1px 1px 0 0;
    }
.maintitle, .maintitle h1{
   font-weight: bold;
    font-size: 22px;
    font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;
   text-decoration: none;
    line-height : 120%;
    color : #fff;
   }
.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
        background-image: url("http://i1211.photobucket.com/albums/cc424/JuzTNA/opacity20.png");
   padding: 2px 3px;
      -webkit-border-radius: 2x;
        border-radius: 2px
      ;
   }
.forumline td.pagination {
   padding:0;
    }
.maintitle h1 {
   margin: 0;
    padding: 0;
    display: inline;
    }
.gen {
    font-size : 12px;
    }
.genmed {
    font-size : 11px;
    }
.gensmall {
    font-size : 10px;
    }
.gen,.genmed,.gensmall {
    color : #fff;
    }
a.gen,a.genmed,a.gensmall {
    color: #fff;
    text-decoration: none;
    }
a.gen:hover,a.genmed:hover,a.gensmall:hover{
    color: #fff;
    text-decoration: none;
    }
.mainmenu{
    font-size : 11px;
    color : #fff;
     }
a.mainmenu{
    text-decoration: none;
    color : #fff;
   }
a.mainmenu:hover{
    text-decoration: none;
    color : #fff;
    }
.cattitle{
    font-weight: bold;
    font-size: 12px ;
    letter-spacing: 1px;
    color : #fff;
     }
h1.cattitle {
   margin:0;
    padding: 0;
    display:inline;
   }
a.cattitle{
       
    text-decoration: none;
    color : #fff;
    }
a.cattitle:hover{
    text-decoration: none;
    }
.forumlink{
    font-weight: bold;
    font-size: 12px;
    color : #ff5252;
    }
a.forumlink {
    text-decoration: none;
    color : #ff5252;
    }
a.forumlink:link {
    color : #ff5252;
    }
a.forumlink:visited {
    color : #ff5252;
    }
a.forumlink:active {
    color : #ff5252;
    }
a.forumlink:hover{
    text-decoration: none;
    color : #ff5252;
    }
.nav{
    font-weight: bold;
    font-size: 11px;
    color : #fff ;
    }
a.nav{
    text-decoration: none;
    color : #fff ;
    }
a.nav:hover{
    text-decoration: none;
    }
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 11px;
    color : #fff ;
    }
div.topictitle {
   display: inline;
   }
h2.topic-title {
   display: inline;
    margin: 0;
    padding: 0;
   }
a.topictitle:link{
    text-decoration: none;
    color : #ff5252;
    }
a.topictitle:visited{
    text-decoration: none;
    color : #ff5252;
    }
a.topictitle:active{
    text-decoration: none;
    color : #ff5252;
    }
a.topictitle:hover{
    text-decoration: none;
    color : #ff5252;
    }
.name{
    font-size : 11px;
    color : #fff;
   }
.name a{
    text-decoration:none;
    }
.postdetails{
    font-size : 10px;
    color : #fff;
    }
.postbody{
    font-size : 12px;
    line-height: 18px}
a.postlink:link{
    text-decoration: none;
    color : #ff5252;
     }
a.postlink:visited{
    text-decoration: none;
    color : #ff5252;
    }
a.postlink:active{
    text-decoration: none;
    color : #ff5252;
    }
a.postlink:hover{
    text-decoration: none;
    color : #ff5252;
     }
.code{
   font-family: Courier,Courier New,sans-serif;
   font-size: 11px;
   color: #000;
   background-color: #fff;
   border: #fff;
   border-style: solid;
   border-left-width: 1pxborder-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.code div.cont_code {
   max-height:200px;
   overflow:auto;
   }
.quote{
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #fff;
   line-height: 125%;
        opacity:0.9;
        filter:alpha(opacity=90);
        background-color: #000;
   border: #fff;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px}

.vote {
   float: right;
   width: 10px;
   margin-left: 4px;
   }
.vote .vote-button {
   text-align: center;
   font-weight: bold;
   margin-left: -1px;
   }
.vote .vote-button a {
   text-decoration: none !important;
   }
.vote .vote-bar {
   width: 3px;
   height: 50px;
   margin: 0 auto;
   border: 1px solid #000;
   font-size: 0;
   }
.vote .vote-no-bar {
   letter-spacing:-2px;
   margin-left:-2px;
   white-space:nowrap;
   }
.vote .vote-bar-plus {
   background-color: #0f0;
   }
.vote .vote-bar-minus {
   background-color: #f00;
   }
h1.pagetitle {
   display: inline;
   margin: 0;
   padding: 0;
   font-size: 12px;
   color: #ff5252;
   }
h1.title2 {
   font-size: 11px;
   }
.secondarytitle,.secondarytitle h2 {
   margin: 0;
   padding: 0;
   color: #ff5252;
   }
.secondarytitle h2 {
   display:inline;
   }
.nav h1 {
   display: inline;
   }
.hierarchy {
   display: inline;
   margin: 0;
   padding: 0;
   text-transform: none;
   border: none;
   font-size: 10px;
   }
.mod-text {
   font-weight: bold;
   }
img{
   border:0}
input,textarea, select, #text_editor_iframe {
   color : #000;
   font: normal 11px Verdana,Arial,Helvetica,sans-serif;
   border-color : #fff;
   }
input.post,textarea.post,select,#text_editor_iframe,textarea.inputbox{
   opacity:0.9;
filter:alpha(opacity=90);}
.post-options {
   text-align: right;
   }
.post-options img {
   cursor: pointer;
   vertical-align: middle;
   }
input {
    text-indent : 2px;
    }
input.button {
   background-color: #fff;
   color: #fff;
   font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
   }
input.mainoption {
   background-color: #fff;
   font-weight : bold;
   }
input.liteoption {
   background-color: #fff;
   font-weight : normal;
   }
.helpline {
    background-color: #fff;
    border-style: none;
    }
input {
    background-color: #fff;
    }
button.button2, input.button2 {
   font-size: 0.7em;
   border: 1px solid #000;
   width: auto !important;
   padding: 1px 0;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #000;
   background-repeat: repeat-x;
   background-color: #000;
   background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
   background-position: top;
   overflow: visible;
   vertical-align:middle;
   }
button.button2:hover, input.button2:hover {
   border: 1px solid #fff;
   color: #000;
   background-position: 0 100%;
   }
* html button.button2, * html input.button2 {
   padding-bottom: 0;
   margin-bottom: 1px;
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2, *+html input.button2 {
   height: 24px;
   padding-right: 3px;
   padding-left: 3px;
   }
*+html button.button2 img {
    vertical-align: middle;
    }
* html button.button2 img {
    vertical-align: middle;
    }
button.bbcode {
   border: 1px solid #000;
   background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");
   }
.select {
   background-color: #fff;
   border: 1px solid #000;
   position: absolute;
   z-index:100;
   top: 0;
   left: 0;
   overflow: hidden;
   width: 0;
   }
.select p {
   padding: 4px 6px;
   font-size: 0.7em;
   margin: 0;
   white-space: nowrap;
   text-align: left;
   }
.select button {
   padding: 4px;
   font-size: 0.9em;
   margin: 0;
   background-color: #fff;
   border: none;
   text-align:left;
   }
.select button.button2 {
   border:1px solid #000;
   padding: 0;
   }
* html .select button.button2 {
   padding-right: 3px;
   padding-left: 3px;
   }
.select button.button2:hover {
   border: 1px solid #000;
   color: #fff;
   background-position: 0 100%;
   }
.select button:hover,.selectHover {
   cursor: pointer;
   background-color: #eee;
   }
textarea#text_editor_textarea {
        background-image: url("http://i1211.photobucket.com/albums/cc424/JuzTNA/opacity.png");
    width: 100% !important;
    }
iframe#text_editor_iframe {
   width: 100%;
   height: 200px;
   }
form#quick_reply textarea#text_editor_textarea {
   width: 100% !important;
   height: 100%;
   }
form#quick_reply iframe#text_editor_iframe {
    width: 100%;
    }
* html form#quick_reply iframe#text_editor_iframe {
   width: 600px;
   }
*+html form#quick_reply iframe#text_editor_iframe {
   width: 600px;
   }

/*@import url("form_ie.css");
   */
input {
   text-indent: 2px}
input,textarea,select {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px}
input.button {
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px}
.postbody {
   line-height: 18px}
@media print {
   body {
   background-image: none;
   background-color: #000;
   color: #fff;
   }
table.bodylinewidth span.maintitle {
   display: block;
   text-align: left;
   }
table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {
   display:none;
   }
td.catHead, .t-title {
   text-align: left;
   }
table.bodylinewidth .cattitle {
   letter-spacing: normal;
    font-size: 1em;
   }
.thLeft,.thRight {
   color: #fff;
    border: none;
    text-align:left;
   }
.hr hr {
    visibility: hidden;
    }
.hr {
   border-top: 1px dotted #fff !important;
    }
tr.post td {
   vertical-align: top;
   border-bottom: 1px solid #fff;
   }
tr.post td td {
   border: none;
   }
span.gen {
   display: none;
   }
}
ul.abuse {
   list-style: none;
   line-height: 1.5em;
   font-size: 0.9em;
   }
.rtl-spacer:before {
   content: " ";
   white-space: pre;
   }
.rtl-spacer:after {
   content: " ";
   white-space: pre;
   }
.warning {
   color:#8F8547;
   }
.captcha div.captcha-img {
   float: left;
   margin: 0 1em 0 0;
   }
.captcha .inputbox {
   margin-top: 0.5em;
   }
.align_gauche {
   text-align: left;
   }
.center {
   text-align: center;
   }
.align_droite {
   text-align: right;
   }
.right {
   float: right;
   }
.left {
   float: left;
   }

/* TGF Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   }
*+ html .clearfix {
   min-height: 1px;
   }
* html .clearfix {
   position: relative;
    height: 1%;
    clear: both;
   }
.clear {
   clear: both;
   }
#content-container #left {
   width: 180px;
   margin-right: 0px;
   }
#content-container #right {
   width: 180px;
   margin-left: 0px;
   }
.module-title {
   font-weight: bold;
   margin: 0 auto;
   text-align: center;
   display: block;
   }
   
}

/* Spoiler */
.spoiler_closed {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #fff;
   line-height: 125%;
   background-color: #000;
   border: #fff;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_closed.hidden {
   display:none;
   }
.spoiler_content {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #fff;
   line-height: 125%;
   background-color: #000;
   border: #fff;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_content.hidden {
   display:none;
   }

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a {
    color: #000000;
}
body.chatbox {
    background-image: none;
}
#chatbox , #chatbox_members , #chatbox_footer, .chatbox_row_1, .chatbox_row_2, .chatbox_row_3,#chatbox_members .member-title {
background: #000000 !important;
}

Also, if you could find any junk/unnecessary things in there that I could delete, let me know, because the temp I got had a bunch of weird stuff in there that I didn't make. My version is a pphb2 I think? Something like that.

I hate to double-post. but I saw on another topic that you're being flooded with PMs today. Should I resend the admin panel account info to you, Sir Chivas? I have once already.