• 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:

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
*/