Ajustar caixa de texto, barra de ferramentas e smiles

Minha questão:

Pessoal ele está assim: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

E eu queria que fica-se assim: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Aplique no seu css a ver se resulta

Código:

#textarea_content { text-align: inherit!important; width: 71%!important; }

#textarea_content .sceditor-container { background: #ebe6e1!important; border: 1px solid #C9C4C1; border-radius: 0!important; }

#textarea_content .sceditor-container .sceditor-toolbar { background: none!important; border: 0!important; }

#textarea_content .sceditor-group { background: transparent; border: 0!important; border-radius: 3px!important; border-right: 1px solid rgba(170, 170, 170, 0.53)!important; padding-right: 4px; padding-left: 4px; }

#textarea_content .sceditor-group:last-child { border-right: 0px none!important; }

#textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover, #textarea_content .sceditor-group a:hover { background: #fdfaf7!important; border-radius: 0!important; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.76); }

#textarea_content .sceditor-container textarea, #textarea_content iframe { background: #FFF!important; border: 1px solid #C9C4C1; border-radius: 0!important; box-shadow: inset rgba(201, 196, 193, 0.44) 0 2px 10px!important; color: #5c5c5c!important; cursor: text!important; padding: 1px 5px!important; width: 96%!important; }

#message-box #textarea_content .sceditor-container { width: 100%!important; }


GyGu escreveu:Aplique no seu css a ver se resulta

Código:

#textarea_content { text-align: inherit!important; width: 71%!important; }

#textarea_content .sceditor-container { background: #ebe6e1!important; border: 1px solid #C9C4C1; border-radius: 0!important; }

#textarea_content .sceditor-container .sceditor-toolbar { background: none!important; border: 0!important; }

#textarea_content .sceditor-group { background: transparent; border: 0!important; border-radius: 3px!important; border-right: 1px solid rgba(170, 170, 170, 0.53)!important; padding-right: 4px; padding-left: 4px; }

#textarea_content .sceditor-group:last-child { border-right: 0px none!important; }

#textarea_content .sceditor-group a.active, #textarea_content .sceditor-group a.hover, #textarea_content .sceditor-group a:hover { background: #fdfaf7!important; border-radius: 0!important; box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.76); }

#textarea_content .sceditor-container textarea, #textarea_content iframe { background: #FFF!important; border: 1px solid #C9C4C1; border-radius: 0!important; box-shadow: inset rgba(201, 196, 193, 0.44) 0 2px 10px!important; color: #5c5c5c!important; cursor: text!important; padding: 1px 5px!important; width: 96%!important; }

#message-box #textarea_content .sceditor-container { width: 100%!important; }


Melhorou... E meter tipo os smiles por baixo?

Qual o code da dimensão para eu poder ajustar a minha maneira?

Aplica no teu CSS

Código:

#smiley-box {
    border: 1px solid #DDD;
    max-height: 87px;
    overflow: auto;
    padding: 3px;
    width: 98%;
    float: left;
    margin: 6px 0px 0px;
}

GyGu escreveu:Aplica no teu CSS

Código:

#smiley-box {
    border: 1px solid #DDD;
    max-height: 87px;
    overflow: auto;
    padding: 3px;
    width: 98%;
    float: left;
    margin: 6px 0px 0px;
}

Muito obrigado. Podem fechar

EDIT:
Como meto os smiles ao centro?
Troquei as dimensões e deixam de estar ao centro