Novos butões no forum

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Novos butões no forum

Mensagem por estica 10.01.12 23:39

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
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por Convidad 11.01.12 0:19

Novos butões no forum Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá,

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

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

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por estica 11.01.12 0:36

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
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por Luciano98 11.01.12 5:45

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.
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por ZombieW 11.01.12 8:17

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


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:

Novos butões no forum Painel10
https://i.servimg.com/u/f44/15/04/49/64/painel10.jpg

Menu Criado
Novos butões no forum P110
https://i.servimg.com/u/f44/15/04/49/64/p110.jpg

Código do Menu
Novos butões no forum P210
https://i.servimg.com/u/f44/15/04/49/64/p210.jpg

Visualização dos Membros e Convidados
Novos butões no forum P310
https://i.servimg.com/u/f44/15/04/49/64/p310.jpg

Visualização dos Administradores
Novos butões no forum P410
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. '-'
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por estica 11.01.12 17:26

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
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por King Gz; 11.01.12 18:07

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.
King Gz;

King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por estica 11.01.12 18:08

e como adiciono o painel de usuario?
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por King Gz; 11.01.12 18:21

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 Seta Módulos Seta Portal e Widgets Seta Gestão dos widgets do fórum Seta Crie ou edite um widget e nele adicione o código.

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

Até mais. Piscada
King Gz;

King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por estica 11.01.12 19:18

Muito obrigado.


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

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por ZombieW 11.01.12 20:05

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! '-'
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por estica 13.01.12 2:18

King Gz; escreveu: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 Seta Módulos Seta Portal e Widgets Seta Gestão dos widgets do fórum Seta Crie ou edite um widget e nele adicione o código.

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

Até mais. Piscada


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.
estica

estica
***

Membro desde : 10/01/2012
Mensagens : 171
Pontos : 300

http://tugavicio.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Novos butões no forum

Mensagem por King Gz; 13.01.12 14:07

Olá,

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

King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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