Problems getting the Chatbox to display Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
2 posters

    Problems getting the Chatbox to display

    Raven14
    Raven14
    Forumember


    Female Posts : 211
    Reputation : 1
    Language : English

    Solved Problems getting the Chatbox to display

    Post by Raven14 January 30th 2020, 6:16 am

    UPDATE: I figured this one out, so I'll mark it Solved. Sorry.

    I haven't used my Chatbox feature in four years and decided to give it a try due to member requests. My codes in my CSS Sheet may be old. I have copied what I have in my CSS to paste here to see if it is correct. Here is what I have...

    /* Chatbox */
    #frame_chatbox {
    border: none !important;
    }
    body.chatbox {
    min-width: 550px !important;
    background-image: none;
    padding: 0;
    margin: 0;
    background-color: #b9cbd2;
    }
    #chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px solid ;
    }
    #chatbox {
    position: absolute;
    top: 30px;
    left: 181px;
    right: 0;
    bottom: 30px;
    overflow: auto;
    line-height: 10px;
    }
    .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
    font-size: 12px;
    }
    .chatbox-options {
    text-align:right;
    }
    #chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {
    float:right;
    white-space : nowrap;
    }
    #chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    }
    #chatbox_footer table.text-styles {
    float: right;
    }
    #chatbox_footer .text-field {
    float: left;
    }
    #chatbox_header {
    height: 30px;
    background-color: #b9cbd2;
    }
    #chatbox p {
    line-height: 1.2em;
    }
    .chatbox_row_1 {
    padding: 4px;
    background-color: #ffffff;
    }
    .chatbox_row_2 {
    padding: 4px;
    background-color: #ffffff;
    }
    .chatbox_row_3 {
    padding: 4px;
    background-color: #FFFFFF;
    }
    .memberlist_row_1 {
    padding: 2px 2px 2px 10px;
    background-color: #ffffff;
    }
    #chatbox_members .member-title {
    text-align: center;
    padding: 0.5em 0.25em;
    background-image: none;
    font-size: 12px;
    background-color: #FFFFFF;
    color : #ffffff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    }
    #chatbox_members ul {
    list-style: none;
    margin: 0 0 0 10px;
    }
    #chatbox_members ul li {
    margin: 2px 2px 2px 0;
    }
    #message,#submit_button{
    border-width: 1px;
    }
    .fontbutton {
    padding: 1px;
    cursor: pointer;
    text-align: left;
    }
    .fontbutton_normal {
    background: #ce99b6;
    }
    .fontbutton_selected {
    background: #FFFFFF;
    border: 1px solid #202020;
    }
    .fontbutton_clicked {
    background: #FFFFFF;
    border: 1px solid #202020;
    }
    .fontbutton_hover {
    background: #FFFFFF;
    border: 1px solid #202020;
    }
    #chatbox .user {
    font-weight: bold;
    }
    div#chatbox {
    color: #000000;
    }
    #chatbox_contextmenu {
    background-color:#b9cbd2;
    border:1px solid #aaa;
    }
    #chatbox_contextmenu p {
    margin:0;
    padding: 1px 4px;
    font-family: verdana, arial, sans-serif;
    background: #b9cbd2;
    border-bottom:1px solid #777;
    }
    #chatbox_contextmenu p.hover {
    background: #;
    }
    #chatbox_contextmenu p.close {
    background: #b9cbd2;
    padding: 1px;
    font-size: 70%;
    color:#fff;
    background: url(\'\');
    }
    #chatbox_contextmenu p.close img {
    vertical-align: middle;
    padding-left: 20px;
    }
    #chatbox_contextmenu a {
    color: #;
    text-decoration: none;
    font-size: 70%;
    }
    #chatbox_contextmenu a:hover {
    color: #;
    }
    .fontbutton{
    border:0;
    }
    * html #chatbox-members {

    /* IE expressions helping IE work in Standards mode */
    height: expres​sion(( 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: expres​sion(( 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: expres​sion(( 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: expres​sion(( 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");
    }
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15387
    Reputation : 1709
    Language : English,Greek
    Location : Greece

    Solved Re: Problems getting the Chatbox to display

    Post by skouliki January 30th 2020, 7:38 am

    hello

    please next time use code tags for the code 


    Topic moved to the garbage.
    Please read our forum rules:  ESF General Rules