Colocar imagem no chatbox

Qual é minha questão:
Olá,

As minhas barras de categorias estão assim:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Mas a do Chatbox está assim:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Será possível colocarem igual à das Categorais ?


Endereço do meu fórum:
fórum de teste

Versão:
PunBB

Qual o link do fórum?

Já lhe mandei por PM

Antes procure em seu css isto abaixo:

#chatbox_header.main-head

Exlcua tudo relacionado a isto.

Tente colocar isto em seu css:

Código:


#chatbox_header.main-head {
background: url("http://www.skinbox.net/demo/public/style_images/velvet/_custom/bg-maintitle.png") repeat-x scroll left center rgb(198, 216, 233);
border: 1px solid rgb(116, 187, 255);
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6) inset;
color: rgb(31, 83, 123);
font-size: 12px;
margin-bottom: 4px;
margin-top: 15px;
padding-left: 30px;
text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

Resulta?


Já ficou quase mas ficou muito para baixo:

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Substitua o código por este:

Código:


#chatbox_header.main-head {
background: url("http://www.skinbox.net/demo/public/style_images/velvet/_custom/bg-maintitle.png") repeat-x scroll left center rgb(198, 216, 233);
border: 1px solid rgb(116, 187, 255);
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6) inset;
color: rgb(31, 83, 123);
font-size: 12px;
margin-bottom: 4px;
text-shadow: 0px 1px 0px rgb(0, 0, 0);
}


Já ficou bem, mas as letras estão estranhas não consegue colocar normal?

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Coloque em seu css:

Código:


.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #FFFFFF;
}


Que fonte você quer?

Pode ser Arial, simples.

Coloque em seu CSS:

Código:


.chatbox-title:before {
content: "Suporte Design - Chatbox";
font-family: Arial !important;
font-size: 20px;
color: #FFFFFF;
}


Continua igual

Acho que você já tem um código como este no CSS:

Procure em seu CSS:

.chatbox-title:before

E exclua tudo relacionado ao mesmo.

Continua igual

Coloque em seu CSS:

Código:


.chatbox-title:before {
content: "Suporte Design - Chatbox";
font-family: Arial !important;
font-size: 20px;
color: #ffffff;
}


Caso não funcione, tente Tente localizar em seu CSS:

'Trebuchet MS'

Modifique para Arial

Caso ambos não resultem, me conceda seu CSS por MP.

Continua igual, o problema é só mesmo que parece que tem mais letras atrás...

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Clique na imagem para ver.

Não vi nada de anormal.............

Veja o texto que diz: Atualizar | Arquivos | Login

Procure este código na sua folha CSS.

#chatbox_header.main-head

E vai encontrar isto aqui.

text-shadow: 0px 1px 0px rgb(0, 0, 0);

Exclua e veja se lhe agrada........

Olá,

Agora sim pode só dizer onde posso colocar em Preto essas letras ?

Coloque este código para as letras ficarem pretas.

Código:


.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #000000;
}


Perfeito resolvido !

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código