Arredondar bordas do chat personalizado

Qual é minha questão:
Gostaria de saber como que faço para retirar bordas do chatbox personalizado:
Vejam a imagem a baixo do que quero retirar as bordas:


Endereço do meu fórum:
http://gta-forum.forumeiros.com

Versão do fórum:
PHPBB3

Poderia passa o código que usa no widjet do chabox.
Tanto o html como o css.

não uso no CSS, só html:
utilizo este aqui

Código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Olá,

Painel de Controle Visualização Imagens e Cores Cores " Aba " Folha de estilo CSS.

Depois, adiciona o seguinte código

Código:

.panel {
border: transparent;
}

Feito isso clica em Validar

Até mais.

nada adiantou

Saudações senhor!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Lá, adicione este código:

Código:

#chatbox {
border: 1px solid white !important;
border-radius:12px !important;
}

No caso de não funcionar o código que lhe forneci logo acima, substitua-o por este:

Código:

#chatbox {
border: none !important;
border-radius:12px !important;
}

Valide!

Atenciosamente!

huum, infelizmente ainda não deu.

Saudações novamente senhor!

Aceda à sua "Gestão das imagens":
Painel de Controle Visualização Imagens e Cores Gestão das imagens > Modo avançado

Procure por "Cantos esquerdos arredondados" e "Cantos direitos arredondados". Ao encontra-los, delete a imagem em ambos.

Valide!

Atenciosamente!

Olá LeviFernandes,

Experimente trocar o seu código por este:

Código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px; border-radius: 10px;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Até mais.

estranho quando coloco o código clico em validar, o código desaparece, vou tentar mais tarde em minha casa

Saudações!

O mesmo é bem simples de ser resolvido amigo, poderia me mandar teu CSS?

Até mais!

amigo não tennho css nenhum

perfeito nikka, pois eu estava colocnaod folha css, mas era pra substituir código chat box, perfeito, obrigadoo