Username:
Password:

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 roby_cs_reax@yahoo.com for EMAIL.

    You are not connected. Please login or register

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

    Sasori

    Posts : 311
    Points : 1891
    Thanks : 5
    Administrator

    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 :

    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(http://www.skinbox.net/community/public/style_images/skinbox32/highlight.png) #4d93aa;
    background-repeat: repeat no-repeat;
    border: 1px solid #4d93aa;
    color: #dedfdf;
    font-weight: 400;
    padding: .7em 1.3em;
    height: 16px;
    z-index: 999;
    }

    img[src="http://illiweb.com/fa/resize.gif"]{display:none!important;}

    #submit_button {
    background: #323232 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') 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;
    }


    input#message.post {
    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,
    DeluxeInk

    Mont!

    Posts : 20
    Points : 1562
    Thanks : 1
    User

    Could we get a screenshot of how the style looks?

    Zyon

    Posts : 272
    Points : 1860
    Thanks : 2
    manager

    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