Mudar e aumentar

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

Resolvido Mudar e aumentar

Mensagem por wiic em 30/10/13, 10:00 pm

Qual é minha questão:
Sera que tem como eu aumentar a barra de digitar do chabox e também trocar a borda desses ícones que motram o B, I, U, etc.
http://prntscr.com/20vfdb

Endereço do meu fórum:
http://life.forum-pro.net

Versão do fórum:
PHPBB3
avatar

wiic
Nível 5

Masculino
Inscrito dia : 28/09/2011
Mensagens : 49
Pontos Ativos : 99

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

Resolvido Re: Mudar e aumentar

Mensagem por Legolass em 30/10/13, 11:28 pm

Olá, amigo.

Adicione em seu css

Código:
div#chatbox_messenger_form input[type="text"] {
    width: 300px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 3px solid;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
div.right img {
    border: 3px solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
No código acima, procure por width: 300px e troque pelo valor até que fique no tamanho que deseja.

Até mais!

___________________
Legolas - Fórum: PunBB Forumeiros
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Mudar e aumentar

Mensagem por wiic em 31/10/13, 12:44 pm

Amigo, não quero borda na barra de digitar, quero só que aumente o tamanho dela.
E eu quero a borda naqueles ícones que mostra B, I, U, S e Feliz.
avatar

wiic
Nível 5

Masculino
Inscrito dia : 28/09/2011
Mensagens : 49
Pontos Ativos : 99

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

Resolvido Re: Mudar e aumentar

Mensagem por Legolass em 31/10/13, 03:01 pm

Então troque o código por este:

Código:
div#chatbox_messenger_form input[type="text"] {
    width: 300px;
    height: 80px;
}
Onde tem width, você coloca o tamanho que desejar na largura. E onde tem height é para altura.
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Mudar e aumentar

Mensagem por wiic em 31/10/13, 08:41 pm

Certo, arrumou a barra de digitar, agora só falta o código que coloque uma borda de alguma cor nos ícones.
avatar

wiic
Nível 5

Masculino
Inscrito dia : 28/09/2011
Mensagens : 49
Pontos Ativos : 99

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

Resolvido Re: Mudar e aumentar

Mensagem por Legolass em 31/10/13, 10:34 pm

A borda você pode colocar com esse

Código:
div.right img {
    border: 3px solid black;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
Onde tem border: 3px solid black;, troque o black pela cor em inglês que você quer na borda.

Até mais.
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

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