Arredondar bordas do chat personalizado

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Arredondar bordas do chat personalizado

Mensagem por LeviFernandes em 22/05/13, 09:36 am

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


Última edição por LeviFernandes em 24/05/13, 10:03 am, editado 1 vez(es)
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por TiagoDJ-7.0 em 22/05/13, 09:40 am

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

TiagoDJ-7.0
Nível 7

Masculino
Inscrito dia : 20/01/2013
Mensagens : 83
Pontos Ativos : 175

Ver perfil do usuário http://wapsitebr.wikiforum.net https://www.facebook.com/Tiagojdanin.tiago

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes em 22/05/13, 09:54 am

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>

avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por inFows em 23/05/13, 10:06 am

Olá,

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


Depois, adiciona o seguinte código

Código:
.panel {
border: transparent;
}

Feito isso clica em Validar

Até mais. Piscada

inFows
Nível 9

Masculino
Inscrito dia : 20/04/2013
Mensagens : 217
Pontos Ativos : 315

Ver perfil do usuário

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes em 23/05/13, 11:37 am

nada adiantou
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por Gaaratsu em 23/05/13, 12:05 pm

Saudações senhor!

Aceda à sua "Folha de estilo CSS":
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: 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! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes em 23/05/13, 12:45 pm

huum, infelizmente ainda não deu.
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por Gaaratsu em 23/05/13, 12:53 pm

Saudações novamente senhor!

Aceda à sua "Gestão das imagens":
Painel de Controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Gestão das imagens > Modo avançado
:seta2: Procure por "Cantos esquerdos arredondados" e "Cantos direitos arredondados". Ao encontra-los, delete a imagem em ambos.
Valide!

Atenciosamente! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5927
Pontos Ativos : 7405

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por nikka em 23/05/13, 01:00 pm

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.
avatar

nikka
Membro profissional
Membro profissional

Feminino
Inscrito dia : 16/12/2008
Mensagens : 15621
Pontos Ativos : 19895

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes em 23/05/13, 01:47 pm

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

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por Sennior em 23/05/13, 01:51 pm

Saudações!

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

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes em 23/05/13, 07:49 pm

amigo não tennho css nenhum
avatar

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes em 23/05/13, 07:54 pm

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

LeviFernandes
Usuário avançado

Masculino
Inscrito dia : 03/12/2008
Mensagens : 332
Pontos Ativos : 415

Ver perfil do usuário http://gta-forum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum