Esconder a barra lateral, sem desativar o chatbox retratil
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Esconder a barra lateral, sem desativar o chatbox retratil
Qual é minha questão:
Eu tive dificuldades em criar o código para esconder a barra lateral e manter o Chatbox Retrátil aberto.
Qual a dificuldade não tenho a minima ideia de como esconder sem fazer a barra ficar por cima do resto da pagina.
PS: Quero esconder toda a barra lateral menos o Chatbox Retrátil.
CODE DO WIDGET
Links e imagens do meu problema:
https://ajuda.forumeiros.com/t69015-esconder-a-barra-lateral-sem-desativar-o-chatbox-retratil
OFF: Bloquearam o tópico antigo sem ele estar resolvido ¬¬
Endereço do meu fórum:
http://final-fantasy-rpg.forumeiros.com
Versão do meu fórum:
PHPBB2
Eu tive dificuldades em criar o código para esconder a barra lateral e manter o Chatbox Retrátil aberto.
Qual a dificuldade não tenho a minima ideia de como esconder sem fazer a barra ficar por cima do resto da pagina.
PS: Quero esconder toda a barra lateral menos o Chatbox Retrátil.
CODE DO WIDGET
- 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>
Links e imagens do meu problema:
https://ajuda.forumeiros.com/t69015-esconder-a-barra-lateral-sem-desativar-o-chatbox-retratil
OFF: Bloquearam o tópico antigo sem ele estar resolvido ¬¬
Endereço do meu fórum:
http://final-fantasy-rpg.forumeiros.com
Versão do meu fórum:
PHPBB2
Re: Esconder a barra lateral, sem desativar o chatbox retratil
Olá,
Bom conseguir bolar um código que edita a barra de rolagem para o minimo possivel justamente para esconder o maximo possivel mais tambem pensando nos problemas que seriam se desativar ela de vez, Bom siga o tutorial abaixo:
Cole o Código abaixo em sua pagina CSS
Salve!
Cordialmente!
Bom conseguir bolar um código que edita a barra de rolagem para o minimo possivel justamente para esconder o maximo possivel mais tambem pensando nos problemas que seriam se desativar ela de vez, Bom siga o tutorial abaixo:
Painel de Controle Visualização Imagens&Cores Cores
Cole o Código abaixo em sua pagina CSS
- Código:
/* ---------------- Barra de Rolagem Por: Lifes ---------------- */
::-webkit-scrollbar {
width: 1px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #00569C;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}
/* ----------------Fim da Barra de Rolagem Por: Lifes---------------- */
Salve!
Cordialmente!
Re: Esconder a barra lateral, sem desativar o chatbox retratil
Olá senhor,
Tente o código abaixo:
Até mais.
Tente o código abaixo:
- Código:
<div style="overflow: visible; position: relative; 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>
Até mais.
Tópicos semelhantes
» Esconder a barra lateral, sem desativar o chatbox retratil
» Chatbox retrátil lateral em todas as páginas
» Chatbox retrátil na barra de ferramentas
» Chat box retrátil - lateral
» Chat Box Retrátil - Lateral
» Chatbox retrátil lateral em todas as páginas
» Chatbox retrátil na barra de ferramentas
» Chat box retrátil - lateral
» Chat Box Retrátil - Lateral
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos