Problema com botões do chatbox

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Problema com botões do chatbox

Mensagem por Aburame Natalia em 11/01/13, 04:54 pm

Qual é minha questão:

Os botões do meu Chatbox ficaram estranhos destes dias para cá e não sei o que fazer, já pesquisei sobre códigos para personalizar isso e tirei o código, porém os botões ficam feios e desajustados com o resto dele.



Minha folha CSS é:

Código:
 a[href="/u671"] {
text-shadow: 1px 0px 5px #E7ED37;
}

a[href="/u33"] {
text-shadow: 1px 0px 5px #858181;
}

a[href="/u128"] {
text-shadow: 1px 0px 5px #05fa6f;
}

a[href="/u409"] {
text-shadow: 1px 0px 5px #545454;
}

a[href="/u17"] {
text-shadow: 1px 0px 5px #545454;
}

a[href="/u61"] {
text-shadow: 1px 0px 5px #05fa6f;
}

a[href="/u270"] {
text-shadow: 1px 0px 5px #05fa6f;
}

a[href="/u1"] {
text-shadow: 1px 0px 5px #2246a1;
}

a[href="/u2"] {
text-shadow: 1px 0px 5px #1f4f02;
}
div.module {
background-image: url('http://i30.servimg.com/u/f30/17/30/58/18/f11.png');
        }
.introduction .h3, .module .h3, .postbody .h3 {
    color: #2793D6;
    }
    blockquote {
    background-image: url()!important;
    }
    blockquote {    background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey10.png');
            background-position: bottom;
            color: #fff;
            background-repeat: repeat-x;
            background-color: ;
            margin-left: 5px;
            border-top: 1px solid ;
            border-right: 1px solid
            border-left: 2px solid ;
            border-bottom: 3px solid ;
        }

        blockquote blockquote {
            background-color: #fff;
        }

        blockquote blockquote blockquote {
            background-color: #fff;
        }

        blockquote div {
            margin-left: 4px;
            color: ;
            font-size: 12px;
        }

        blockquote cite {
            font-size: 10px;
            color: ;
            border-bottom: 1px solid ;
            margin-bottom: 3px;
    }
    #divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {
    background-position: 0px 100%;
    border: 1px solid #86B125;
    -webkit-border-radius: 5px;
    moz-border-radius: 5px;
      border-radius: 5px;}

    #divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {
    background:  url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    border: 1px solid ;
    -webkit-border-radius: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 5px;}

    #chatbox_footer {
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;}

    .chatbox .forabg {
    background-color: white;
    border: none;
    margin: 0;
    padding: 0;}

    .forabg, .forumbg {
    background-color: #FBFBFB;
    background-image: url(http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-radius: 5px 5px 5px 5px;
    border-right: 1px solid #DDD;
    border-top: 0 solid #DDD;
    }
    .forabg {
    background-color: white;
    background-image: url(http://hitskin.com/themes/18/68/07/i_list_bg.jpg);
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 2px solid #;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
    }
    * {
    margin: 0;
    padding: 0;
    }
    * {
    margin: 0;
    padding: 0;
    }
    user agent stylesheetdiv {
    display: block;
    }


    #main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
    background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    border: 1px solid #DDD;
    border-radius: ;
    padding: 3px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #F4F5F4;


    .sbHolder{position: relative;width: 200px;height: 30px;
    background-color: #2d2d2d;border: solid 1px #515151;
    font-family: Arial, sans-serif;font-size: 12px;font-weight: normal;}
    .sbSelector{position: absolute;display: block;width: 170px;height: 30px;top: 0;left: 0;
    line-height: 30px;outline: none;overflow: hidden;text-indent: 10px;}
    .sbSelector:link, .sbSelector:visited, .sbSelector:hover{
    color: #EBB52D;outline: none;text-decoration: none;}
    .sbToggle{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -116px no-repeat;
    position: absolute;display: block;right: 0;top: 0;height: 30px;outline: none;width: 30px;}
    .sbToggle:hover{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -167px no-repeat;}
    .sbToggleOpen{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -16px no-repeat;}
    .sbToggleOpen:hover{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -66px no-repeat;}
    .sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}
    .sbOptions{background-color: #212121;border: solid 1px #515151;
    position: absolute;left: -1px;top: 30px;width: 200px;
    margin: 0;padding: 0;list-style: none;z-index: 1;overflow-y: auto;}
    .sbOptions li{padding: 0 7px;}
    .sbOptions a{border-bottom: dotted 1px #515151;padding: 7px 0 7px 3px;display: block;outline: none;}
    .sbOptions a:link, .sbOptions a:visited{color: #ddd;text-decoration: none;}
    .sbOptions a:hover{color: #EBB52D;}
    .sbOptions li.last a{border-bottom: none;}
    .sbOptions .sbDisabled{border-bottom: dotted 1px #515151;color: #999;display: block;padding: 7px 0 7px 3px;}
    .sbOptions .sbGroup{border-bottom: dotted 1px #515151;color: #EBB52D;display: block;font-weight: bold;padding: 7px 0 7px 3px;}
    .sbOptions .sbSub{padding-left: 17px;}



    /* Panel (Row General) */

    .panel {
        background-color: #f5f9fc;
        background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
        background-position: center bottom;
        background-repeat: repeat-x;
        border: 1px solid #deeaf5;
        border-radius: 8px 8px 8px 8px;
    }

    /* PORTAL Y FOROS */

    .forabg, .forumbg {
        background-color: #FBFBFB;
        background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
        background-position: center bottom;
        background-repeat: repeat-x;
        border-top: 0px solid #dddddd;
        border-bottom: 1px solid #c2d2df;
        border-left: 1px solid #c2d2df;
        border-right: 1px solid #c2d2df;
        border-radius: 8px 8px 8px 5px;
    }


    .forabg span.corners-bottom span, .forumbg span.corners-bottom span {
        background: #77a9d5 url("");
        background-position: top;
        border-bottom: 1px solid #c4c4c4;
        height: 6px; }

    }


    .module span.corners-bottom, .post span.corners-bottom {
        background-color: #77a9d5;
        height: 5px; }

    .module, .post {
        background-color: #FBFBFB;
        background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
        background-position: center bottom;
        background-repeat: repeat-x;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #c2d2df;
    }

    /* FONDO Y CONTORNO SEARCH - POP UP */

    .overview {  border: 1px solid #292929; background-color: #FFFFFF; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px;  }

    #login_popup {
    background-color: #FFFFFF;
    }

    /* CHAT BOX */

    #chatbox_header{background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}

    /* Chatbox-------------------------------------------------*/

    body.chatbox {background-image: none;}

    .chatbox {background-color: #FAFAFA;}

    .chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image:  url(http://i46.servimg.com/u/f46/12/26/44/81/chat10.png);}

    .chatbox-title,.chatbox-title a.chat-title {color: #FAFAFA !important; }

    .chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}

    .chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}

    .chatbox-options li {display:inline;}

    .chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #FAFAFA; font-weight: bold;}

    #chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}

    #chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #fca714;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}

    #chatbox_members ul {list-style: none;margin: 0 0 0 1em;}

    #chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}

    #chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}

    .chatbox_row_3 {padding: 4px;background-color: #0075c6;}

    .memberlist_row_1 {background-color: #ffffff;}

    #chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}

    #chatbox_footer label {color: #FAFAFA; font-weight: bold;}

    #chatbox_footer .fontbutton{
    padding: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-image:  url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    border: 1px solid #c2d2df;}

    #message,#submit_button{border-width: 1px;}

    .fontbutton {padding: 1px;cursor: pointer;text-align: left;}

    .fontbutton_normal {background: #E1E1E2;}

    .fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}

    .fontbutton_clicked {background: #959595;border: 1px solid #22229C;}

    .fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}

    #chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}

    #chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}

    #chatbox_contextmenu p.hover {background: #ffffff;}

    #chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}

    #chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}

    #chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}

    #chatbox_contextmenu a:hover {color: ;}

    .fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}
    fieldset.polls {
    background-image: url("http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    }
    #chatbox .user {font-weight: bold;}

    #chatbox {background-image:  url(http://i44.servimg.com/u/f44/17/44/15/12/untitl12.png)}

    * html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( 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: expression(( 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: expression(( 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: expression(( 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");}
    /* ---------------- Barra de rolagem Google Chrome---------------- */
    ::-webkit-scrollbar {
      width: 15px;
    height: 10px; }
    ::-webkit-scrollbar-track-piece {
    background: #ffffff;
    }
    ::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background: #6A5ACD;
    border-radius: 10px;
    }
    ::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: #000000;
    }
    body {
    cursor: url(http://i30.servimg.com/u/f30/17/30/58/18/untitl49.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
    }

    a:hover {
    cursor: url(http://i30.servimg.com/u/f30/17/30/58/18/untitl49.png), url(http://img24.imageshack.us/img24/7129/glovecursor.png), auto;
    }
    body {
    cursor: url(http://i30.servimg.com/u/f30/17/30/58/18/untitl49.png), url(http://i30.servimg.com/u/f30/17/30/58/18/untitl49.png), auto;
    }

    a:hover {
    cursor: url(http://i30.servimg.com/u/f30/17/30/58/18/untitl49.png), url(http://i30.servimg.com/u/f30/17/30/58/18/untitl49.png), auto;
    }
    a:hover {
    color: blue;
    text-decoration: blink;
    text-shadow: 0 0 5px black;
    }

    .buttons a img:hover {
    -moz-opacity: .85;
    -moz-transform: rotate(-2.2deg) scale(0.9);
    -webkit-transform: rotate(-2.2deg) scale(0.9);
    filter: alpha(opacity=100);
    opacity: 1;
    }

    az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
    v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
    rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
    am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
    c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
    r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
    vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
    l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
    m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
    w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
    pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
    sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
    #pun-qpost #text_editor_controls{position:relative !important}

    .contract,.expand{background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/buttons/collapse_tcat_collapsed.png);cursor:pointer;height:18px;position:absolute;right:10px;top:6px;width:18px}
    .contract{background:url(http://www.completevb.com/demovb4/images/styles/RoyalFlush/buttons/collapse_tcat.png)}

    dl.codebox {
    margin: 1em 1px 1em 25px;
    padding: 5px;
    background: #D6D6D6 url("") 6px 8px no-repeat;
    border: 1px solid #000000;
    font-size: 0.95em;
    margin: 1em 1px 1em 25px;
    background-color: #FFFFFF;
    border-radius: 15px 0px 15px 0px;
    -moz-border-radius: 15px 0px 15px 0px;
    -webkit-border-radius: 15px 0px 15px 0px;
    -moz-box-shadow: 0px 10px 10px #6495ED;
    -webkit-box-shadow: 0px 10px 10px #6495ED;
    color : #000000;
    display: block;
    overflow: auto;
    }
   
    blockquote {
    margin: 1em 1px 1em 25px;
    padding: 5px;
    background: #D6D6D6 url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat;
    border: 1px solid #000000;
    font-size: 0.95em;
    margin: 1em 1px 1em 25px;
    background-color: #FFFFFF;
    border-radius: 15px 0px 15px 0px;
    -moz-border-radius: 15px 0px 15px 0px;
    -webkit-border-radius: 15px 0px 15px 0px
    color : #000000;
    display: block;
    overflow: auto;
    }

    #wrap {
    -moz-border-radius: 1x;
    -webkit-border-radius: 20px;
    border: 0px solid #000000;
    }


Endereço do meu fórum:
http://naruto-tebane.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Aburame Natalia
Nível 7

Feminino
Inscrito dia : 10/03/2012
Mensagens : 86
Pontos Ativos : 166

Ver perfil do usuário http://naruto-tebane.forumeiros.com/

Resolvido Re: Problema com botões do chatbox

Mensagem por Consolado em 11/01/13, 05:10 pm

Olá!

Os códigos que permitem editar esses botões poderia ser utilizado com as seguintes classes:
Código:
.fontbutton {
/* propriedades CSS */
}
Onde está "propriedades CSS" deveria estar o código para personalizar o botão! Você só precisa me dizer como quer o estilo.

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Problema com botões do chatbox

Mensagem por HenRyqUéè em 11/01/13, 05:42 pm

Olá Aburame Natalia!

Vá em:

Visualização Imagens e Cores Cores Folha de Estilo CSS

Após isso adicione este código:

Código:
#chatbox_footer .right-box img:hover{
  opacity:1;
  transition:all 0.5s;
background:#999;
}
#chatbox_footer .right-box img{
  transition:all 0.5s;
  opacity:0.8;
padding:8px;
  border:1px solid grey;
  border-radius:2px;
}
Valide

Cordialmente,
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

Ver perfil do usuário http://www.rmbr.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum