Hello Guest

If you want to join in our community , please register or login , you have in header a login form , or if you want to register ,press me .
  • Forum
  • Forum
  • Forum
  • Forum
  • Forum
  • fmSoftware is for sale , if you want to buy the forum and/or the old themes , jaques.gfx skype or for EMAIL.

    You are not connected. Please login or register

    View previous topic View next topic Go down  Message [Page 1 of 1]


    Posts : 311
    Points : 2411
    Thanks : 5

    Hello everyone, if you saw our old theme , there was and a simple chatbox , was the basic chatbox but with some edits with CSS .
    If you want to have the same design like our , you need to go in Administration Panel -> Display -> Colors -> CSS Stylesheet and that code :

    #chatbox_footer {
    background: #FCFCFC;
    border: 1px solid #DBE4EF;
    border-bottom: 3px solid #DBE2EC;
    border-top: 1px solid #dcdcdc;
    clear: both;
    float: right;
    height: 206px;
    left: -1px;
    min-width: 230px;
    position: relative;
    top: -3px;
    width: 290px;

    #chatbox {
    background: #FBFBFB;
    border: 1px solid #DBE4EF;
    border-bottom: 3px solid #DBE2EC;
    left: 0;
    margin-top: 5px;
    padding: 8px;
    width: 835px;
    height: 190px;

    #chatbox_members {
    display: none;

    #chatbox_header.main-head {
    background: url( #4d93aa;
    background-repeat: repeat no-repeat;
    border: 1px solid #4d93aa;
    color: #dedfdf;
    font-weight: 400;
    padding: .7em 1.3em;
    height: 16px;
    z-index: 999;


    #submit_button {
    background: #323232 url('') repeat-x 0 0;
    border-color: #2B2B2B;
    color: white;
    text-shadow: #2B2B2B 0px -1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
    -moz-border-radius: 2px;
    padding: 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: block;
    margin: 10px;
    margin-top: 0px;
    margin-left: 20px;
    } {
    height: 45px;
    width: 240px;
    padding: 6px;
    border: 1px solid #D4D4D4;
    background: #FCFCFC;
    color: black;
    text-shadow: white 0px 1px 0px;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
    margin: 20px;
    margin-bottom: 0px;
    So , that's all .
    Best regards,


    Posts : 20
    Points : 2082
    Thanks : 1

    Could we get a screenshot of how the style looks?


    Posts : 272
    Points : 2380
    Thanks : 2

    good tutorial

    Sponsored content

    View previous topic View next topic Back to top  Message [Page 1 of 1]

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