Novos butões no forum

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

Resolvido Novos butões no forum

Mensagem por estica em 10/01/12, 09:39 pm

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
avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 168
Pontos Ativos : 295

Ver perfil do usuário http://tugavicio.foruns.com.pt

Resolvido Re: Novos butões no forum

Mensagem por Convidad em 10/01/12, 10:19 pm

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'

Convidad
Convidado


Resolvido Re: Novos butões no forum

Mensagem por estica em 10/01/12, 10:36 pm

A imagem é do meu site. Foi feito no forumeiros

http://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 http://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
avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 168
Pontos Ativos : 295

Ver perfil do usuário http://tugavicio.foruns.com.pt

Resolvido Re: Novos butões no forum

Mensagem por Luciano98 em 11/01/12, 03:45 am

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Novos butões no forum

Mensagem por ZombieW em 11/01/12, 06:17 am

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:


http://i44.servimg.com/u/f44/15/04/49/64/painel10.jpg

Menu Criado

http://i44.servimg.com/u/f44/15/04/49/64/p110.jpg

Código do Menu

http://i44.servimg.com/u/f44/15/04/49/64/p210.jpg

Visualização dos Membros e Convidados

http://i44.servimg.com/u/f44/15/04/49/64/p310.jpg

Visualização dos Administradores

http://i44.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:

http://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. '-'
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Novos butões no forum

Mensagem por estica em 11/01/12, 03:26 pm

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
avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 168
Pontos Ativos : 295

Ver perfil do usuário http://tugavicio.foruns.com.pt

Resolvido Re: Novos butões no forum

Mensagem por King Gz; em 11/01/12, 04:07 pm

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

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Novos butões no forum

Mensagem por estica em 11/01/12, 04:08 pm

e como adiciono o painel de usuario?
avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 168
Pontos Ativos : 295

Ver perfil do usuário http://tugavicio.foruns.com.pt

Resolvido Re: Novos butões no forum

Mensagem por King Gz; em 11/01/12, 04:21 pm

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
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Novos butões no forum

Mensagem por estica em 11/01/12, 05:18 pm

Muito obrigado.


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

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 168
Pontos Ativos : 295

Ver perfil do usuário http://tugavicio.foruns.com.pt

Resolvido Re: Novos butões no forum

Mensagem por ZombieW em 11/01/12, 06:05 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Novos butões no forum

Mensagem por estica em 13/01/12, 12:18 am

@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.
avatar

estica
Nível 9

Masculino
Inscrito dia : 10/01/2012
Mensagens : 168
Pontos Ativos : 295

Ver perfil do usuário http://tugavicio.foruns.com.pt

Resolvido Re: Novos butões no forum

Mensagem por King Gz; em 13/01/12, 12:07 pm

Olá,

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

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum