Painel de usuario diferente

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

Resolvido Painel de usuario diferente

Mensagem por ~Itachi Uchiha' em 26/06/12, 12:59 am

Qual é minha questão:
Gostaria de saber como ter um painel de usuario igual a deste fórum http://superonzestory.forumeiros.com/forum se localiza la em cima na direita.

Links e imagens do meu problema:
Http://superonzestory.forumeiros.com/forum

Endereço do meu fórum:
http://superonzestandup.forumeiros.com/

Versão do meu fórum:
PHPBB2
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Painel de usuario diferente

Mensagem por Black-Star em 26/06/12, 02:51 am

Ola

Painel de controle ->> Módulos ->> Gestão dos códigos JavaScript ->>
Clique em "Criar um novo JavaScript".

Investimento Seta No índice

Código JavaScript:
Código:
jQuery(document).ready(function(){if(jQuery('#page-header .navbar a.mainmenu #i_icon_mini_login').length){d='Bem vindo Visitante! <a href="/login">Login</a> | <a href="/register">Criar Conta</a> '}else{d='Conectado como <b>'+jQuery('#page-header .navbar a.mainmenu #i_icon_mini_logout').parent().html().split('[ ')[1].split(' ]')[0]+'</b> | <a href="/profile?mode=editprofile">Minha conta</a> | <a href="/login?logout=1">Sair</a> '};jQuery('#wrap').prepend('<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;right:10%;position:absolute;z-index:1;right:[color=red]165[/color]px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">'+d+'</div></div>')});
Abraços do ThiagoG!
Muito feliz [/quote]
avatar

Black-Star
Nível 10

Masculino
Inscrito dia : 25/04/2012
Mensagens : 276
Pontos Ativos : 459

Ver perfil do usuário http://gcd-forum.forumeiros.com

Resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' em 26/06/12, 12:08 pm

Não resultou nada.
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Painel de usuario diferente

Mensagem por Convidad em 27/06/12, 09:18 am

Olá autor!

Login personalizado

Por muitas vezes, queremos chamar atenção com códigos inovados, os mais queridos nestes tipos de ocasião são de Login. No último tutorial sobre Login's aprendemos á gerir uma caixa de login ao passar o mouse sobre o botão "Entrar" do menu de navegação, já neste iremos aprender á inserir uma mini-caixinha no topo do fórum.

--> Principais truques <--
Login no topo do fórum




- Código utilizado:
Código:
jQuery(document).ready(function(){if(jQuery('#page-header .navbar a.mainmenu #i_icon_mini_login').length){jQuery('#wrap').prepend('<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">Bem vindo visitante! <a href="/login">Login</a>&nbsp|&nbsp<a href="/register">Registre-se</a> </div></div>')}});

- Páginas .JS:
Para prosseguirmos com o tutorial, teremos de utilizar um código JavaScript para efetuar as modificações da caixa:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

(carregue na imagem para aumentar)

Sobre o título, escreva o que desejar, não afetará em nada, o investimento selecione "No índice" para que não apresente erros e em "Código JavaScript" será o campo destinado a receber o código JavaScript e jQuery, que trabalhamos no item anterior.

- Resultado através de uma imagem:


--> FAQ do Tutorial <--
Login no topo do fórum


  • Para quais versões este código funciona?
    Para todas as versões, como o script é JS, funcionará em todas as versões.


Outras informações: http://ajuda.forumeiros.com/t61446-caixa-de-login-superior

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' em 27/06/12, 06:11 pm

Infelizmente não resultou, tem algum outro código ?
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Painel de usuario diferente

Mensagem por Convidad em 27/06/12, 06:43 pm

Olá amigo!

Adicione esse código em um widget personalizado:
Código:
<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">Bem vindo visitante! <a href="/login">Login</a>&nbsp|&nbsp<a href="/register">Registre-se</a> </div></div>
Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' em 27/06/12, 07:28 pm

Sim, resulvou mais quando estou logado deveria aparecer:

Seta http://i.imgur.com/5fzXm.jpg
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' em 28/06/12, 06:28 pm

Up
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Painel de usuario diferente

Mensagem por StyLe® em 28/06/12, 06:30 pm

Amigo ha um código parecido com este e muito melhor você que?

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' em 28/06/12, 06:30 pm

Pode ser.
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Painel de usuario diferente

Mensagem por StyLe® em 29/06/12, 08:24 am



Última edição por Shek em 29/06/12, 02:39 pm, editado 1 vez(es) (Razão : [LINK RETIRADO])

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' em 29/06/12, 11:33 am

Mais meu fórum é PhpBB2, não tem um código para esta versão ?
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Painel de usuario diferente

Mensagem por Convidad em 30/06/12, 09:24 am


Convidad
Convidado


Resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' em 30/06/12, 04:31 pm

Olá,

este código funcionou:
Código:
<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">Bem vindo visitante! <a href="/login">Login</a>&nbsp|&nbsp<a href="/register">Registre-se</a> </div></div>

Porém, quando esta logado permanece "Login" e "Registre-se".
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Painel de usuario diferente

Mensagem por Convidad em 30/06/12, 04:35 pm

Olá amigo!

Basta modificar os trechos vermelhos, que indicam os links, e os verdes que indicam o nome do link.
<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#666;font-family:Arial,Geneva,Helvetica,Verdana,sans-serif;text-decoration:none}.hlogin{-moz-border-radius:0 0 7px 7px;-moz-box-shadow:0 0 8px 0 #353535;-webkit-border-radius:0 0 7px 7px;-webkit-box-shadow:0 0 8px 0 #353535;background:-moz-linear-gradient(#ffffff,#f2f2f2);background-color:#fff;background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);border:1px solid #c4c4c4;border-radius:0 0 7px 7px;box-shadow:0 0 8px 0 #353535;float:right;font-size:13px;height:31px;margin:0 20px 0 0;padding:0 0 0 10px;text-align:right;vertical-align:middle;position:absolute;z-index:1;right:15px;top:0px}.hlogin #header{height:26px;padding:5px 20px 0 10px;vertical-align:middle}</style><div class="hlogin"><div id="header">Bem vindo Convidado! <a href="LINK">NOME_DO_LINK</a>&nbsp|&nbsp<a href="LINK">NOME_DO_LINK</a> </div></div>
Agora, coloque esse código em Cpainel > Módulos > Portal e widgets > Gesão dos widgets do fórum > Criar um novo widget personalizado > Cole o código e salve > e adicione na estrutura do fórum. Por fim, clique em Autorizações e permita que somente os "Membros - Moderadores e Administradores" vejam esse widget.
No outro, que contém o LOGIN e REGISTRAR-SE, clique no botão Autorizações , e deixe-o visível apenas aos visitantes.

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' em 30/06/12, 05:19 pm

Obrigado, pode fechar.
avatar

~Itachi Uchiha'
Nível 9

Masculino
Inscrito dia : 29/01/2012
Mensagens : 172
Pontos Ativos : 281

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

Resolvido Re: Painel de usuario diferente

Mensagem por psicovk em 30/06/12, 11:59 pm

Ai tbm consegui vlw ae
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

Ver perfil do usuário http://ajuda.forumeiros.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