Mudar lado do chat

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

Resolvido Mudar lado do chat

Mensagem por coenzi em 20/12/13, 12:02 pm

Qual é minha questão:
Como tira desse lado que ta a ceta e poe no outro lado ?

http://i56.servimg.com/u/f56/18/66/31/49/31210.jpg

Meu css desse chat é:

Código:
/* CHAT-BOX PERSONALIZADO */
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}
#chatbox_members .member-title {
background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
  background: #FAFAD2;
}
#chatbox_footer {
  background: transparent;
  border: 0px;

#chatbox_footer .right {
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: #000;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
  background:white;
}
#chatbox_top {
  min-height: 280px;
}
#chatbox{
  top: 43px;
  bottom: 28px;
  margin: 5px;
  background: rgb(246, 246, 248);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  right: 198px;
  left:0;
}


Endereço do meu fórum:
http://olimpicosrpg.web-rpg.com

Versão do fórum:
INVISION


Última edição por coenzi em 20/12/13, 07:00 pm, editado 1 vez(es)
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Mudar lado do chat

Mensagem por Alex Habilidade em 20/12/13, 01:19 pm

Olá!

Troque o seu código CSS do chatbox por este:

Código:

        /* CHAT-BOX PERSONALIZADO */
        #chatbox_members {
        background: rgb(246, 246, 248);
        border: 1px solid rgb(204, 204, 204);
        margin: 4px;
        top: 43px;
        bottom: 28px;
      left: 10;
        }
        #chatbox_members .member-title {
        background: url(http://i58.servimg.com/u/f58/18/24/85/15/gm-loo10.jpg) repeat-x bottom #363636;
        color: #fff;
        padding: 5px;
        text-align: left;
        padding: 8px 10px;
        }
        #chatbox p {
        background: transparent;
        padding: 5px;
        line-height: 1.3em;
        }
        #chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
          background: #FAFAD2;
        }
        #chatbox_footer {
          background: transparent;
          border: 0px;
        }
        #chatbox_footer .right {
          float: left;
        }
        #chatbox_messenger_form .right {margin-left: 8px;font-size:0}
        input#message.post {
        font-family: inherit;
        min-width: 430px;
        color: #000;
        font-size: 13px;
        background-color: #fff;
        padding: 3px;
        margin-bottom: 2px;
        border-width: 1px;
        border-style: solid;
        border-top-color: rgb(192,192,192);
        border-right-color: rgb(233,233,233);
        border-bottom-color: rgb(233,233,233);
        border-left-color: rgb(192,192,192);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;
        outline: 0;
        }
        input#message.post:focus {
        background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
        border-top-color: rgb(150,150,150);
        border-bottom-color: rgb(230,230,230);
          }
        #submit_button, .fontbutton {
        font-style: normal;
        font-size: 12px;
        font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
        color: rgb(0, 0, 0);
        background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top;
        padding: 0px 6px;
        border: 1px solid rgb(221, 221, 235);
        border-top-color: rgb(255, 255, 255);
        border-bottom-color: rgb(179, 179, 189);
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -khtml-border-radius: 7px;
        border-radius: 7px;
        text-align: center;
        -webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
        -moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
        -khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
        box-shadow: 0px 1px 4px 0px rgb(200,200,210);
        text-shadow: 0 0 0 transparent, 0px -1px 2px white;
        outline: none;
        line-height: 23px;
        display: inline-block;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        height: 23px;
        }
        #submit_button {
        margin-left: 13px;
        }
        #submit_button:hover, .fontbutton:hover {
        color: black;
        background-color: rgb(255,255,200);
        border-color: rgb(255,255,200);
        border-top-color: white;
        border-bottom-color: rgb(190,190,170);
        }
        #simple-wrap {
          background:white;
        }
        #chatbox_top {
          min-height: 280px;
        }
        #chatbox{
          top: 43px;
          bottom: 28px;
          margin: 5px;
          background: rgb(246, 246, 248);
          border: 1px solid rgb(204, 204, 204);
          padding: 5px;
          right: 0px;
          left:198;
        }

Valide!

Abraço Piscada
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.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