Arredondar bordas do chat personalizado Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Arredondar bordas do chat personalizado

+2
TiagoDJ-7.0
LeviFernandes
6 participantes

Ir para baixo

Tópico resolvido Arredondar bordas do chat personalizado

Mensagem por LeviFernandes 22.05.13 13:36

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:
Arredondar bordas do chat personalizado Como13

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 14:03, editado 1 vez(es)
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por TiagoDJ-7.0 22.05.13 13:40

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

Membro desde : 20/01/2013
Mensagens : 83
Pontos : 175

http://wapsitebr.wikiforum.net https://www.facebook.com/Tiagojdanin.tiago

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes 22.05.13 13:54

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>

LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por inFows 23.05.13 14:06

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
avatar
inFows
****

Membro desde : 20/04/2013
Mensagens : 217
Pontos : 315

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes 23.05.13 15:37

nada adiantou
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por Konai 23.05.13 16:05

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes 23.05.13 16:45

huum, infelizmente ainda não deu.
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por Konai 23.05.13 16:53

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por nikka 23.05.13 17:00

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.
nikka
nikka
Principal Contribuidor
Principal Contribuidor

Membro desde : 17/12/2008
Mensagens : 15620
Pontos : 19897

https://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes 23.05.13 17:47

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

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por Sennior 23.05.13 17:51

Saudações!

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

Até mais!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes 23.05.13 23:49

amigo não tennho css nenhum
LeviFernandes
LeviFernandes
****

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas do chat personalizado

Mensagem por LeviFernandes 23.05.13 23:54

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

Membro desde : 03/12/2008
Mensagens : 332
Pontos : 415

http://gta-forum.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos