Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Arredondar bordas do chat personalizado
+2
TiagoDJ-7.0
LeviFernandes
6 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
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
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 14:03, editado 1 vez(es)
Re: Arredondar bordas do chat personalizado
Poderia passa o código que usa no widjet do chabox.
Tanto o html como o css.
Tanto o html como o css.
Re: Arredondar bordas do chat personalizado
não uso no CSS, só html:
utilizo este aqui
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>
Re: Arredondar bordas do chat personalizado
Olá,
Depois, adiciona o seguinte código
Feito isso clica em Validar
Até mais.
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.
inFows- ****
- Membro desde : 20/04/2013
Mensagens : 217
Pontos : 315
Re: Arredondar bordas do chat personalizado
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:
No caso de não funcionar o código que lhe forneci logo acima, substitua-o por este:
Valide!
Atenciosamente!
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!
Re: Arredondar bordas do chat personalizado
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
Atenciosamente!
Aceda à sua "Gestão das imagens":
Painel de Controle Visualização Imagens e Cores Gestão das imagens > Modo avançado
Valide!Procure por "Cantos esquerdos arredondados" e "Cantos direitos arredondados". Ao encontra-los, delete a imagem em ambos.
Atenciosamente!
Re: Arredondar bordas do chat personalizado
Olá LeviFernandes,
Experimente trocar o seu código por este:
Até mais.
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.
Re: Arredondar bordas do chat personalizado
estranho quando coloco o código clico em validar, o código desaparece, vou tentar mais tarde em minha casa
Re: Arredondar bordas do chat personalizado
Saudações!
O mesmo é bem simples de ser resolvido amigo, poderia me mandar teu CSS?
Até mais!
O mesmo é bem simples de ser resolvido amigo, poderia me mandar teu CSS?
Até mais!
Re: Arredondar bordas do chat personalizado
perfeito nikka, pois eu estava colocnaod folha css, mas era pra substituir código chat box, perfeito, obrigadoo
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos