Widgets ativos mas ocultos

Qual é minha questão:
Ca estou eu com mais uma duvida.


A minha duvida é a seguinte.

Eu tive de activar os Widgets do meu forum para poder colocar o painel de usuario e o chat lateral. E assim podem estar activos em todos os topicos e zonas do forum para que os membros posso aceder ao chat em qualquer lugar.

O que eu queria era deixa os Widgets activos para que os codigos funcionem mas ocultar eles do forum porque não gosto da barra dos Widgets de lado.

Medidas que eu tomei para corrigir o problema:
Ja procurei nos tutoriais

Imagens do meu problema:
https://2img.net/r/ihimizer/img339/239/semttuloef.png

Endereço do meu fórum:
http://tugavicio.foruns.com.pt/forum

Versão do meu fórum:

Olá,

Edite o widget do Painel e do Chatbox, em "Utilizar um table type :" Marque não e salve.

Até mais

Mas fica na mesma o forum deslocada sem ficar centralizadio.

estica escreveu:Mas fica na mesma o forum deslocada sem ficar centralizadio.

Marque essa opção em todos os Widgets do fórum (do fórum, não do portal), assim eles sumirão;

Até mais.

Mas olha o que eu estou a falar.

É que o forum fica com um defeito onde coloquei os Widgets.

Os Widgets não aparecem mas fica com um espaço vazio

estica escreveu:

Na verdade eles aparecem. Está vendo aquelas duas barras quase finas que estão no topo desse espaço vazio? Elas são os Widgets e se eles estão aparecendo, mesmo sem ter nada dentro, quer dizer que você não desativou o "table type" deles.
Faça o processo em todos os Widgets do fórum (não do portal) que provavelmente o espaço vai ficar sem nada e o fórum passará a ocupar toda a largura do corpo do fórum novamente.

Até mais.

Ora ve amigo. Fica mesmo mal.

Olá!

Acredito que ainda sim você não tenha colocado essa opção em todos os Widgets, mas existe um meio mais fácil porém pior de fazer isso.
Para retirar os Widgets, você pode utilizar esse código, porém toda vez que você quiser ativar eles novamente, você deve retirar esse código.
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

#left,#right{display:none}

Salve.

Até mais.

Não me expliquei bem.
Quero apenas ocultar os Widgets mas deixalos activos para que o codigo do chat fique a funcionar e eu coloquei ele nos Widgets

estica escreveu:Não me expliquei bem.
Quero apenas ocultar os Widgets mas deixalos activos para que o codigo do chat fique a funcionar e eu coloquei ele nos Widgets

A única forma que eu conheço de fazer isso é desativando o "table type" de todos os Widgets.
Não sei porque não está funcionando com você, portanto você terá que esperar para ver se outra pessoa sabe resolver o problema.

Até mais.

Ok amigos e oubrigadão na mesma.


Se algum me ajudar agradecia.


Então eu queria mesmo que o chat lateral e o painel de usuario aparece-se sempre e em todas as zonas do forum. Mas não quero que os Widgets aparecam.


Alguem me pode dar uma dica?

Entrei em seu fórum e está tudo normal, nenhum espaço vago. Aperte F5 e veja se ainda visualiza o erro.

King Gz; escreveu:Entrei em seu fórum e está tudo normal, nenhum espaço vago. Aperte F5 e veja se ainda visualiza o erro.

Sim amigo. Porque como não gosto desse espaço tirei os Widgets e coloquei os codigos do chat lateral no geral em visualização. Mas assim o caht lateral so me aparece no home do forum. Se entrar numa categoria dezaparece

Ha forma de meter o chat lateral sem ser em wingdes ou Visualização -> Geral?


Mter os codigos do chat lateral por CSS ou por HTML como se faz para meter um wingeds de parceiros no final do forum.

Qualquer coisa que me permita meter os codes do chat lateram de uma forma que apareça em todo o forum sem ser por wingeds

Olá!

Isso vai depender da sua versão. Se ela for Punbb ou Phpbb2 você pode fazer por edição dos templates. Afinal, qual é a versão de seu fórum?

Jeffrey escreveu:Olá!

Isso vai depender da sua versão. Se ela for Punbb ou Phpbb2 você pode fazer por edição dos templates. Afinal, qual é a versão de seu fórum?

A versão do fórum dele é invision, portanto não é possivel a edição, também enfrento este problema em meu fórum que é PhpBB2 por isto não uso mais widgets, você então poderia me explicar qual o procedimento?

Poderá responder aqui mesmo ou preciso abrir outro tópico?

Até mais

Olá,

Abra uma questão separada, porque se houver outra dúvida referente ao mesmo assunto do seu, fica mais fácil encontrar pelos motores de busca.

Entaão expique como se faz isso para a versão PhpBB2 que eu mudo a versão do meu forum.


É que quero mesmo muito meter o painel de usuario e o caht lateral sem ser em wingeds.

Olá,

Aceda à Painel de controle Visualização Templates Geral Clique para modificar em overall_header
Na caixa "Buscar" digite o seguinte código:

Código:

<div style="clear: both;"></div>

E acima dele adicione o código do seu chatbox {achei seu código em um tópico}

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>

Salve e depois clique em publicar

Lembre-se de excluir o widget do chatbox, segundo Jeffrey é possível fazer isto também com o painel de usuário mas para isto teria de separar o código css do html, fiz isto mas de qualquer jeito não funcionou, deu bug em toda a página, espere até que o Jeffrey ou alguma outra pessoa tente fazer o mesmo com o Painel.

Até mais

Mais King, você colocou o CSS do painel junto com o template ou separo como eu disse? Porque se separado ocorre bug, então junte, porém o CSS deverá estar entre as tags "<style></style>".

Até mais!

Jeffrey escreveu:Mais King, você colocou o CSS do painel junto com o template ou separo como eu disse? Porque se separado ocorre bug, então junte, porém o CSS deverá estar entre as tags "<style></style>".

Até mais!

Olá,

Separei a parte css e coloquei no css e o resto no template, não funcionou.
Coloquei todas juntas no template, não funcionou.

Eu coloquei em outro template e funcionou.

Painel de controle ->> Visualização ->> Templates ->> overall_footer ->>
Procure por:

Código:

<!-- BEGIN switch_facebook_login -->

Cole por cima do código citado o código do Login futuante.

Se não der, me passe aqui o código.

King Gz; escreveu:Olá,

Aceda à Painel de controle Visualização Templates Geral Clique para modificar em overall_header
Na caixa "Buscar" digite o seguinte código:

Código:

<div style="clear: both;"></div>

E acima dele adicione o código do seu chatbox {achei seu código em um tópico}

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>

Salve e depois clique em publicar

Lembre-se de excluir o widget do chatbox, segundo Jeffrey é possível fazer isto também com o painel de usuário mas para isto teria de separar o código css do html, fiz isto mas de qualquer jeito não funcionou, deu bug em toda a página, espere até que o Jeffrey ou alguma outra pessoa tente fazer o mesmo com o Painel.

Até mais

Muito obrigado.

Esse deu certo.

Falto so meter o bainel a funcionar

Olá,

Este é basicamente o que o Jeffrey disse, testei aqui e não funcionou corretamente, mas teste em seu fórum e veja se resulta.

Vá em Painel de controle Visualização Templates Geral overall_footer
Na caixa "Buscar" digite o seguinte código:

Código:

<!-- BEGIN switch_facebook_login -->

E acima dele adicione o código do seu Painel {achei seu código em um tópico}²

Código:

<!-- The CSS -->
<link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
<style>
#login {
overflow: visible;
height: auto;
-webkit-transition:  margin-top 0.5s ease-in-out 0s;
-moz-transition:  margin-top 0.5s ease-in-out 0s;
-o-transition:    margin-top 0.5s ease-in-out 0s;
transition:    margin-top 0.5s ease-in-out 0s;

}

/* Login Panel I */
#topp {
height: 38px;
position: relative;
}

#topp ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
padding-right: 45px;
}

#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}

#topp ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
}
#topp ul.login li a {color: #33CCCC;}
#topp ul.login li a:hover {color: white;}

/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}

#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}

#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}

#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}

/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}

#login .loginContent input:focus.field {
background: #545454;}

#login .loginContent{padding-top:0px;width:790px;height:100px;}

#login .loginContent input.button_login {
background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}

#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}

#login .loginClose a:hover {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
</style>

<!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id="login" style="margin-top:-100px;"><div class="loginContent">




<table  style="width:100%;"  border="0">
<tr>

<td style="text-align:center;">
<table border="0">
<tr>

<td>
<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.panel dl:first img', data).attr('src');
      if(link){
        jQuery('#avatar').html('<img src="'+link+'" align="left" width="60" height="80">');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center><img src="http://i53.tinypic.com/1e1fex.gif"></center></div>
</td>

<td>
<span style="font-size: 1.2em;">
<font size="4">{USERLINK}</font>

<b>Mensagens:</b> {USERCOUNTPOST}
</span>
</td>

</tr>
</table>
</td>



<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Alterar</b>

<a href="../profile.forum?mode=editprofile&amp;page_profil=informations">Informações</a>

<a href="../profile.forum?mode=editprofile&amp;page_profil=preferences">Preferências</a>

<a href="../profile.forum?mode=editprofile&amp;page_profil=signature">Assinatura</a>

<a href="../profile.forum?mode=editprofile&amp;page_profil=avatars">Avatar</a>

</span>
</td>

<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Ver</b>

<a href="../profile.forum?mode=editprofile&amp;page_profil=friendsfoes">Amigos & ignorados</a>

<a href="../search.forum?search_id=watchsearch">Tópicos supervisionados</a>

<a href="../search.forum?search_id=draftsearch">Rascunhos</a>

<a href="../search.forum?search_id=favouritesearch">Tópicos favoritos</a>

<a href="../rpg_sheet_edit.forum">Ficha de personagem</a>

</span>
</td>

<td style="text-align:center;">
<span style="font-size: 1.2em;"><b>Tópicos & Mensagens</b>

<a href="../msg.forum?folder=inbox">Mensagens Privadas</a>

<a href="../search.forum?search_topics={USERNAME}">Meus tópicos</a>

<a href="../search.forum?search_id=egosearch">Tópicos que participa</a>

<a href="../search.forum?search_author={USERNAME}&show_results=posts">Minhas mensagens</a>

<a href="../search.forum?search_id=newposts">Últimos tópicos</a>

</span>
</td>

</tr>
</table>




</div>

</div>


<!-- /login --><div id="container"><div id="topp">

<!-- login -->

<ul class="login">

<li class="left"> </li>

<li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-100px' : '0px');">Painel de Usuário</a></li>

</ul> <!-- / login -->

</div> <!-- / topp --><div class="clearfix"></div>
</div>

Visualize antes de clicar em publicar, para visualizar clique nesta imagem

Até mais