Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » Skins & Styles » PUNBB
Actualizar esta página Cambiar la apariencia de la Chatbox
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Modos de visualización

(#1)
Old  Administrador
">
avatar
Administrador
Princeton
3017142516/02/2009Peru
 
icon1 Cambiar la apariencia de la Chatbox - el 18/4/2013, 12:01 pm


Para poder instalar este nuevo Estilo de Chatbox, lo que usted de hacer es borrar cualquier CSS que tenga puesto en la base CSS de su foro para que no tenga problemas.

Una vez que haya borrado o suprimido el CSS, coloque este código en base CSS: Visualización - Imágenes y Colores - Colores - CSS Stylesheet

Código:
    /*Chatbox - doannamthai /
    h2.chatbox-title:after { content: "Chatbox"; }
    a.chat-title { display: none; }
    #chatbox, #chatbox_footer, #chatbox_members {
    background: white;
    border-top: 1px solid #EAEAEA;
    }
 
    #chatbox_header.main-head {
    background: #F3F3F3;
    border: 1px solid #EBEBEB;
    font-weight: 300;
    overflow: hidden;
    padding: 2px;
    text-shadow: white 0 1px 0;
    }
 

    .chatbox-title, .chatbox-title a.chat-title {
    color: #393939;
    font-size: 12px;
    font-weight: bold;
    }
 

    .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #393939;
    }
 

    div.main-content.chatbox.clearfix {
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    }
 

    #chatbox p {
    border-bottom: 1px solid #DDD;
    border-top: 1px solid white;
    line-height: 1.2em;
    }
 

    #chatbox_footer {
      margin-top: 0px;
      width: 285px;
      min-width: 230px;
      background: #FAFAFA;
      float: left;
      clear:both;
      position: relative;
    }
    input#message.post {
    height: 45px;
    width: 235px;
    padding: 6px;
    border: 1px solid #D4D4D4;
    background: #FCFCFC;
    color: #363636;
    text-shadow: black ;
    -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;
    }
 

    #message, #submit_button {
    background: #e0e0e0  repeat-x 0 0;
    border-color: #13304B;
    color: black;
    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;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 3px;
    display: block;
    margin: 10px;
    margin-top: 0px;
    margin-left: 20px;
    }
 

    #message, #submit_button:hover {
      opacity: 0.5;
    }
 

    .fontbutton {
    background: #dbdbdb  repeat-x 0 0;
    border: 1px solid #1e345c;
    color: white;
    text-shadow: #474747 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;
    border-radius: 2px;
    color: black;
    cursor: pointer;
    float: left;
    margin: 3px;
    padding: 3px;
    margin-right: 10px;
    text-align: left;
    }
 

    .fontbutton:hover {
      opacity: 0.5;
    }
 

    #divsmilies img + img{visibility:visible!important}
 

    #chatbox_messenger_form div.right img{visibility:hidden}
 

    #simple-wrap {
      background:white;
    }
 

    #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
    background-position: center;
    background-repeat: no-repeat;
    }
 

    #divbold {
    background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);    }
 

    #divitalic {
    background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);    }
 

    #divunderline {
    background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);    }
 

    #divstrike {
    background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);    }
 

    #divcolor {
    background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);    }
 

    #divsmilies {
    background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);    }
 

    #chatbox{
      background: #f0f0f0;
      padding: 8px;
      border: 1px solid gainsboro;
      left: 290px;
      margin-top: 9px;
      right: 0px;
    }
    .left {
    clear: both;
    float: left;
    }
 

    #chatbox_members .member-title {
    background: #F8E7DD;
    background-color: #F4F9FD;
    background-image: none;
    border-bottom: 2px solid red;
    color: #A30000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: .5em .25em;
    text-align: center;
    text-shadow: 1px 0 0 white;
    }
     
    #chatbox_members
    { display : none;}
    #chatbox > p span.user > span strong {
      display: none;
    }
    /*Chatbox - doannamthai /

Mod por doannamthai



• Bienvenido Invitado a cPortada™️
"No son las personas normales las que cambian al mundo!"
"En los momentos de crisis, sólo la imaginación es más importante que el conocimiento"

Comentar con facebook:
 » Temas similares en otros foros
» Como podria cambiar el fondo del chatbox?
» Cambiar el titulo del Chatbox
» NECESITO CAMBIAR EL FONDO DEL CHATBOX
» Se puede cambiar los colores del chatbox?
» Como puedo cambiar el text de chatbox?
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado