Imagens do Tópico:
                 
Nome do Tutorial: Chatbox Personalizado para PHPBB3
Autor: Mr.Sheldon
Funcionalidade: PHPBB3
Eae pessoal bem aleluia começei a postar códigos PHPBB3 devido a um fórum que eu trabalho mudou a versão e agora fica mais facil adaptar... estou resolvendo a questão de criar 4 fóruns de teste Invision,PHPB2,PHPBB3,PUNBB e teremos muito mais códigos...
AdminCP->Visualização->Cores->Folha de Estilo CSS.

Código:

/Chatbox for PHPBB3 Services Powered Mr.Sheldon\
.chatbox-title {
float: right;
margin: 0;
padding: 2px 5px 0;
width: 15em;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #fff!important;
float: right;
}
#chatbox_header {
background-color: rgba(0, 117, 176, 0.6);
height: 30px;
}
#chatbox_members .member-title {
background-color: rgba(0, 252, 231, 0.17);
background-image: none;
color: #105289;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
}
.chatbox-title {
float: right;
margin: 0;
padding: 2px 5px 0;
width: 15em;
}
.chatbox-options {
float: left;
font-size: 11px;
list-style: none;
margin: .7em .5em .5em;
}
input {
cursor: -webkit-grabbing;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: 400;
padding: 0 3px;
vertical-align: middle;
}
#message, #submit_button {
border-width: 0px;
}
.chatbox .forabg {
background-color: rgba(3, 90, 134, 0.24);
border: none;
margin: 0;
padding: 0;
}
.fontbutton {
background: #E1E1E2 none repeat scroll 0;
border: medium none;
color: #000;
cursor: pointer;
float: left;
margin-right: 10px;
padding: 1px;
text-align: center;
}
/Fim Code Chatbox for PHPBB3 Services Powered Mr.Sheldon\

Salve e veja o resultado
Até

[sucesso=Tutorial Aceito]Movido para Dicas e Tutoriais[/sucesso]