Painel de usuario diferente

4 participantes

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

Tópico resolvido Painel de usuario diferente

Mensagem por ~Itachi Uchiha' 26.06.12 4:59

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
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por Black-Star 26.06.12 6:51

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]
Black-Star

Black-Star
****

Membro desde : 26/04/2012
Mensagens : 276
Pontos : 464

http://gcd-forum.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' 26.06.12 16:08

Não resultou nada.
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por Convidad 27.06.12 13:18

Olá autor!

Painel de usuario diferente Permissions 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)
Painel de usuario diferente Painel11

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:

Painel de usuario diferente Offqm10

--> 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: https://ajuda.forumeiros.com/t61446-caixa-de-login-superior

Atenciosamente,
Shek
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' 27.06.12 22:11

Infelizmente não resultou, tem algum outro código ?
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por Convidad 27.06.12 22:43

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' 27.06.12 23:28

Sim, resulvou mais quando estou logado deveria aparecer:

Seta https://i.imgur.com/5fzXm.jpg
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' 28.06.12 22:28

Up
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por StyLe® 28.06.12 22:30

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

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' 28.06.12 22:30

Pode ser.
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por StyLe® 29.06.12 12:24



Última edição por Shek em 29.06.12 18:39, editado 1 vez(es) (Motivo da edição : [LINK RETIRADO])
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' 29.06.12 15:33

Mais meu fórum é PhpBB2, não tem um código para esta versão ?
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' 30.06.12 20:31

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".
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por Convidad 30.06.12 20:35

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por ~Itachi Uchiha' 30.06.12 21:19

Obrigado, pode fechar.
~Itachi Uchiha'

~Itachi Uchiha'
***

Membro desde : 29/01/2012
Mensagens : 172
Pontos : 281

http://superonzestandup.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Painel de usuario diferente

Mensagem por psicovk 01.07.12 3:59

Ai tbm consegui vlw ae
psicovk

psicovk
****

Membro desde : 01/07/2012
Mensagens : 372
Pontos : 644

https://ajuda.forumeiros.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