Personalizar chatbox
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Personalizar chatbox
Qual é minha questão:
Eu gostaria de modificar toda a estrutura do chatbox a fim que ele não fique mais todo quadrado como na imagem:
Alguém sabe algum código que deixe meu chatbox melhor? Estou aberto a sujestões. O que quero é bordas redondas e estilos de cores melhores.
Endereço do meu fórum:
http://mundomeiosangue.forumfacil.net
Versão do fórum:
INVISION
Eu gostaria de modificar toda a estrutura do chatbox a fim que ele não fique mais todo quadrado como na imagem:
Alguém sabe algum código que deixe meu chatbox melhor? Estou aberto a sujestões. O que quero é bordas redondas e estilos de cores melhores.
Endereço do meu fórum:
http://mundomeiosangue.forumfacil.net
Versão do fórum:
INVISION
Última edição por Ioane em 03.04.13 18:34, editado 1 vez(es)
Re: Personalizar chatbox
Saudações!
Consulte este tutorial:
https://ajuda.forumeiros.com/t22416-tutorial-personalizar-o-chatbox
Abraços!
Consulte este tutorial:
https://ajuda.forumeiros.com/t22416-tutorial-personalizar-o-chatbox
Abraços!
Re: Personalizar chatbox
Saudações!
Aqui está, basta adicionar em sua "Folha de estilo CSS"
Até
Aqui está, basta adicionar em sua "Folha de estilo CSS"
- Código:
/* CHATBOX------------------------------------------------------*/
.chatbox {
background-color: #F1EFF1 !important;
border: 2px solid #5f2626 !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2px;
margin: 0px !important;}
#chatbox{background-color: #F1EFF1;}
#chatbox_header {
background: darkred;
margin-top: 0px;
height: 30px;chatbox_messenger_form
padding-top: 5px;
text-shadow: black 1px 1px 1px;}
#chatbox_option_co,#chatbox_option_disco{
font-size: 16px;
font-weight: bold;
font-family: arial;}
#chatbox_header.main-head {
padding: 0 1.3em;
color: darkgrey;
background-color: darkred;
text-shadow: black 1px 1px 1px;}
.chatbox-title,.chatbox-title a.chat-title,.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: darkgrey;
text-decoration: none;
text-shadow: white 1px 1px 1px;}
#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed black;
background-color: #450000;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
background-color: #004510 !important;}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #450000;
color : black;
font-family: Verdana,Arial,Helvetica,sans-serif;}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
padding: 4px;
background-color:#F1EFF1 !important;}
#chatbox .user {
font-weight: bold;}
.memberlist_row_1 {background-color: #F1EFF1;}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed black;
background-color: darkred;}
#message{
background-color: white;}
.fontbutton_normal {
background: #F1EFF1;}
.fontbutton_selected {
border: 1px solid black;
background-color: #F1EFF1;}
.fontbutton_clicked {
background: #F1EFF1;
border: 1px solid black;}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #F1EFF1;}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid black;
background-color: #F1EFF1;}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:black;
background: url('');
background-color: #F1EFF1;}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #F1EFF1;}
#chatbox_contextmenu a {
color: black;
text-decoration: none;
font-size: 95%;
background-color: #F1EFF1;}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #F1EFF1;}
#chatbox{
background-color: #004510;}
/* CHATBOX-END------------------------------------------------------*/
Até
Convidado- Convidado
Re: Personalizar chatbox
PabloW., seu código resultou no seguinte:
Tem como ficar um pouco melhor?
Tem como ficar um pouco melhor?
Re: Personalizar chatbox
Saudações!
Claro senhor, poderia me dizer qual cores que deseja, para que eu possa montar para você?
Até
Claro senhor, poderia me dizer qual cores que deseja, para que eu possa montar para você?
Até
Convidado- Convidado
Re: Personalizar chatbox
Na verdade vou deixá-la assim mesmo. Obrigado.
Tópicos semelhantes
» Personalizar chatbox
» Personalizar o chatbox com CSS
» Personalizar o Chatbox
» Personalizar ChatBox
» Personalizar ChatBox
» Personalizar o chatbox com CSS
» Personalizar o Chatbox
» Personalizar ChatBox
» Personalizar ChatBox
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos