Novos butões no forum

[estica]

Qual é minha questão:
Boas pessoal.

Não sei se estou a fazer a pergunta no sitio certo.


Mas eu queria mesmo uma ajudinha.


Queria meter butões no forum para abriri outras paginas. Mas queria colocar os butões fixos em todo as zonas do meu forum. Mas não qeria colocar esse butões onde estão os butões do portal, forum, grupos, perfil, etc.


Queria colocar por exemplo na parte de cima do forum por cima do banner.

Medidas que eu tomei para corrigir o problema:
Ja procurei no google e no vosso forum e não encontrei nada.

Imagens do meu problema:


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

Versão do meu fórum:
INVISION

[Convidad]

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá,

Poderia mandar o link do fórum onde observou tais botões? Lembre-se que o fórum deve ser da forumeiros.

Atenciosamente.
Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'

[estica]

A imagem é do meu site. Foi feito no forumeiros

https://i.imgur.com/qLYsR.png

1-> Barra com os botões do Forum
2-> Gostava de colocar uma barra com os botºoes das minha paginas criadas em HTML. Tipo esta barra https://i.imgur.com/Sjxsn.png



Ja vi alguns foruns assim. Com uma barra para os butões apenas do forum e outra barra com os butões das paginas em html.

Agora não encontro nenhum. O unico que encontro mais parecido com o que eu quero é este http://combat-arms.forumeiros.com/forum

E nesse a barra esta escondida. So aparece que nos clicar mos

[Luciano98]

Olá!

Poderia passar o link da sua página HTML? Se não tiver um link, coloque-a em uma página HTML do fórum e passe o link dessa página.

Até mais.

[ZombieW]

1) Quanto a criação de um Botão/Menu é assim:

Painel de Controle -> Visualização -> Página Inicial -> Cabeçalho e Navegação -> Adicionar um Menu Personalizado

https://i.servimg.com/u/f44/15/04/49/64/menu10.jpg

Menu: Nome do botão
Imagem: Imagem do botão (pode ser personalizado ou inserir uma padrão de algum tema)
Texto: Caso usado uma imagem de tema, escreva o nome do botão, caso usado uma imagem, deixe em branco
URL de redireção: Link para onde irá apontar o botão (início, página personalizada, página externa)
Autorizações: Quem vai ver o botão/imagem
Visualização: Abrirá na mesma página ou numa nova

Segue um exemplo:


https://i.servimg.com/u/f44/15/04/49/64/painel10.jpg

Menu Criado

https://i.servimg.com/u/f44/15/04/49/64/p110.jpg

Código do Menu

https://i.servimg.com/u/f44/15/04/49/64/p210.jpg

Visualização dos Membros e Convidados

https://i.servimg.com/u/f44/15/04/49/64/p310.jpg

Visualização dos Administradores

https://i.servimg.com/u/f44/15/04/49/64/p410.jpg

Para mais de um botão/menu, basta ficar repetindo o processo.

2) Quanto a criação de banner personalizado, peça na seção gráfica do fórum:

https://ajuda.forumeiros.com/f71-

E troque o padrão pelo personalizado:

Painel de Controle -> Visualização -> Imagens e Cores -> Gestão das Imagens -> Modo Avançado -> Geral / Navegação -> Logo do Fórum

Espero ter ajudado. '-'

[estica]

Obrigado pela ajuda.
Eu sei criar butões na barra do forum.

O que eu queria era criar uma outra barra alem dessa com outros butões.


Tipo a barra que este forum tem por cima do banner

http://combat-arms.forumeiros.com/forum


Eu queria era a barra fixa

[King Gz;]

Olá amigo,

Isto no caso é um Painel de usuário, fazer dois menus como você quer não é possível fazer, você pode modificar este painel que você citou da forma que desejar mas creio que não chegará há um resltado satisfatório.

Até mais.

[estica]

e como adiciono o painel de usuario?

[King Gz;]

Aqui está o código, modifique da maneira que quiser.

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>

Ele pode ser adicionado em um widget:
Painel de controle Módulos Portal e Widgets Gestão dos widgets do fórum Crie ou edite um widget e nele adicione o código.

Pode ser adicionado também na Home Page:
Painel de controle Visualização Home Page Geral Mensagem da home page

Até mais.

[estica]

Muito obrigado.


Ha algum codigo igual a esse mas para colocar o chat na parte direita do forum?

[ZombieW]

Creio que uma outra pergunta no mesmo tópico é contra as regras.

Antes, entre no meu fórum, no lado direito há um "menu" escrito "PWDB".

http://[LINK RETIRADO]

Se for isto que deseja, crie um novo tópico. '-'

---
Sei que é o chat que vc deseja, mas a estrutura é a mesma! '-'

[estica]

Aqui está o código, modifique da maneira que quiser.

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&page_profil=informations">Informações</a>

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

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

<a href="../profile.forum?mode=editprofile&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&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>

Ele pode ser adicionado em um widget:
Painel de controle Módulos Portal e Widgets Gestão dos widgets do fórum Crie ou edite um widget e nele adicione o código.

Pode ser adicionado também na Home Page:
Painel de controle Visualização Home Page Geral Mensagem da home page

Até mais.

Tenho uma duvida amigo.

Será que dá para colocar esse code no CSS?


É que eu não gosto de ver os wingeds no forum e queria que o painel aparece-se em todo o forum.

[King Gz;]

Olá,

Não é possível colocar o código no css.