Nova caixa de mensagens

Qual é minha questão:
Não tem muito à dizer.

Eu só quero mudar do velho para o novo.

Disto :


Para Isto


Medidas que eu tomei para corrigir o problema:
.

Links e imagens do meu problema:
.

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3

Painel de Controle Geral Fórum Configurações

Procura por

Ativar o modo WYSIWYG para todas as mensagens :

Então marque

Sim

E Depois salve

Olá, aceda ao seu

painel de controle Visualização Imagens e Cores Cores

Aba 'Folha de estilo CSS' cole o codigo e salve.

Código:

}#main-content a.cgu-buttons,button.button2,input.button1,input.button2{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:3px 5px}a.mainmenu:hover{border-bottom:3px solid #86B125}

Cordialmente.

Nenhum dos dois deu certo porquê:

O Código do MatheusV não está funcionando.

Erro

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

''Ativar o modo WYSIWYG para todas as mensagens'' Não Existe!

Olá, pedoe=me, mandei um codigo a mais, substitua-o por este

Código:

#main-content a.cgu-buttons,button.button2,input.button1,input.button2{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:3px 5px}

Cordialmente.

Desculpa puis errado faça deste modo abaixo

Painel de Controle Geral Mensagens e E-mails Configurações

Procura por

Ativar o modo WYSIWYG para todas as mensagens :

Então marque

Sim

E Depois salve

Ok, Funcionou...
Cê é o cara C:=

Obrigado à MateusV. e @Coper.

Código:

#main-content a.cgu-buttons,button.button2,input.button1,input.button2{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:3px 5px}

Que funcionou aqui... Dúvida Quase Terminada e Resolvida.

Só falta eu saber como eu mudo a cor que fica quando ponho o mouse sobre as Imagens, aqui está ficando preto, como mudar?

Olá, adicione este codigo junto ao anterior

Código:

#main-content a.cgu-buttons,button.button2,input.button1,input.button2:hover{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:3px 5px}

Cordialmente.

Duvida: ''Só falta eu saber como eu mudo a cor que fica quando ponho o mouse sobre as Imagens, aqui está ficando preto, como mudar?''

Ainda em progresso...

Olá, poderia me mostrar um print do problema? E mandar seu codigo CSS, pois o problema pode estar nele..
Cordialmente.

Obrigado dado, consegui aqui.

Era só modificar o ''Cor do link quando o mouse está sobre ele :''

Ai mudava a cor que ficava em volta das imagens ao colocar o mouse sobre as imagens.