Shoutbox - Estilo Azul Bebê
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
Shoutbox - Estilo Azul Bebê
- Descrição:
Olá, eu queria um shoutbox com coloração padrão azul bebe. Onde, os campo das mensagem fossem branco, e ao lado esquerdo (onde fica horário e Nick do autor) poderia ficar azul bebe claro, cabeçalho centrado com o nome PokeChat com fonte Verdana em tamanho médio, fundo desse cabeçalho ser azul bebe, as cores de fonte do horário e Nick dos usuários seria azul bebe escuro, e a do texto da mensagem azul bebe claro alternando de tonalidade de escuro para claro.
A fonte do texto da mensagem ser Calibri ou Arial. No painel para escrever a mensagem, ser um campo de texto não entrada de texto, isto é, um campo grande. Os menus de cor azul bebe escura, com fundo branco ou transparente.
sobre a lista de smyles visualizaria um campo flutuante com os smyles para serem selecionados. O mesmo para botar a cor no texto, seria um campo flutuante, com um lado preenchido com um campo para deslizar um pontinho numa cor e no outro o menu de ajuste em numero da cor, acima destes vai um retângulo mostrando a cor desejada, abaixo do menu de ajuste em numero, vai um campo para ajuste em exadecimal.
Sobre o botão enviar, pode ser um botão branco, fonte Arial Black, cor preta, tamanho ajustado conforme o tamanho do botão, no caso, botão médio. E um botão de Reiniciar o campo. Esses vão abaixo do campo de texto, centrados em relação a este.
É só. Espero que consigam. ^^
Abraços, Ulti.
- Informações:
Fórum: | http://forumpokemonxy.forumeiros.com | Versão: | PUNBB |
Tipo: | Pedido de código | Tags: | Shoutbox,Estilo |
Última edição por UltimaterX em 11.05.14 12:44, editado 2 vez(es)
Re: Shoutbox - Estilo Azul Bebê
Olá,
Creio que seja complexo o que você quer, se tentarmos de uma maneira poderemos não agrada-lo. Veja o tópico abaixo como personalizar, com isto você consegue personalizar ao seu gosto
https://ajuda.forumeiros.com/t22416-tutorial-personalizar-o-chatbox
Creio que seja complexo o que você quer, se tentarmos de uma maneira poderemos não agrada-lo. Veja o tópico abaixo como personalizar, com isto você consegue personalizar ao seu gosto
https://ajuda.forumeiros.com/t22416-tutorial-personalizar-o-chatbox
Re: Shoutbox - Estilo Azul Bebê
Ótimo, mas não sei como por os códigos de maneira certa. Nem mesmo com o exemplo final.
Poderia me fornecer um básico disso? Eu não entendo muito bem CSS ^^
Abraços, Ulti.
Poderia me fornecer um básico disso? Eu não entendo muito bem CSS ^^
Abraços, Ulti.
Re: Shoutbox - Estilo Azul Bebê
Olá,
Fiz alguns teste e construi um código para você, adicione em sua folha CSS:
Note: Não acompanhei por inteiro o seu texto, em algumas partes eu não compreendi, caso falte algo peço que mostre com print uma breve descrição!
Fiz alguns teste e construi um código para você, adicione em sua folha CSS:
- Código:
/*
Chatbox adapted by Alex
*/
/*
Botões BBcode
*/
#divbold > img, #divitalic > img, #divunderline > img, #divstrike > img, #divcolor > img {
padding: 5px;
}
/*
Botão enviar
*/
.right input {
border-radius: 8px;
padding: 6px;
font-family: arial;
font-weight: bold;
}
/*
string escrito Mensagem:
*/
.right label {
font-size: 14px;
font-weight: bold;
}
/*
font do texto
*/
.msg > span {
font-family: calibri;
font-size: 14px;
}
/*
topo chatbox
*/
#chatbox_header {
border: 1px solid #DDDDDD;
}
/*
titulo chatbox
*/
.chat-title:before {
color: #000000;
content: "PokeChat";
font-family: verdana;
font-size: 19px;
letter-spacing: normal;
margin-left: 160%;
}
.chat-title {
color: rgba(0, 0, 0, 0) !important;
letter-spacing: -999px;
}
/*
caixa de mensagem
*/
.chatbox_row_2 {
background-color: #90C6FF;
border: 1px solid #CCCCCC;
padding: 5px;
}
.chatbox_row_1 {
background-color: #90C6FF!important;
border: 1px solid #CCCCCC;
padding: 5px;
}
/*
fim chatbox
*/
Note: Não acompanhei por inteiro o seu texto, em algumas partes eu não compreendi, caso falte algo peço que mostre com print uma breve descrição!
Re: Shoutbox - Estilo Azul Bebê
Valeu Alex! Eu vi uns tutoriais sobre CSS na internet, e vou alterar umas coisas ^^ obrigado.
Tópicos semelhantes
» [Avatar] Com animação - Texto verde florecente ou azul bebe
» Shoutbox ipb
» Chatbox em estilo Shoutbox
» Shoutbox iPB
» Gerir Chatbox estilo Shoutbox
» Shoutbox ipb
» Chatbox em estilo Shoutbox
» Shoutbox iPB
» Gerir Chatbox estilo Shoutbox
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