Como colocar esse painel de user

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

Resolvido Como colocar esse painel de user

Mensagem por #CentralDoEsporte em 20/06/12, 08:06 pm

Qual é minha questão:
Como colocar esse painel de user/ visto em http://hightech.forumeiro.com/

Links e imagens do meu problema:
http://i.imgur.com/qnmwu.png

Endereço do meu fórum:
http://metin2-br.forumeiros.com/

Versão do meu fórum:
PUNBB


Última edição por #CentralDoEsporte em 22/06/12, 10:10 am, editado 1 vez(es)
avatar

#CentralDoEsporte
Nível 5

Masculino
Inscrito dia : 02/06/2012
Mensagens : 51
Pontos Ativos : 87

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

Resolvido Re: Como colocar esse painel de user

Mensagem por killer999 em 20/06/12, 10:10 pm

Tens de editar o template header e adicionar o seguinte codigo.

Código:
<div class="hlogin"><div id="header">Bem vindo ao fórum High Tech <a href="/login">Login</a> | <a href="/register">Registre-se</a> </div></div>

Depois no style tens de por

Código:
.hlogin, .hlogin a:link, .hlogin a:visited {
    color: #666666;
    font-family: Arial,Geneva,Helvetica,Verdana,sans-serif;
    text-decoration: none;
}
.hlogin {
    background: -moz-linear-gradient(#FFFFFF, #F2F2F2) repeat scroll 0 0 #FFFFFF;
    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;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 0;
    vertical-align: middle;
    z-index: 1;
}
.hlogin #header {
    height: 26px;
    padding: 5px 20px 0 10px;
    vertical-align: middle;
}

Agora altera as cores e os formatos, para nao ficar igual
avatar

killer999
Nível 9

Masculino
Inscrito dia : 25/03/2008
Mensagens : 230
Pontos Ativos : 249

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

Resolvido Re: Como colocar esse painel de user

Mensagem por DropLeet em 21/06/12, 06:15 am

Como ficaria o mesmo para a versão PHPBB3 ?
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com

Resolvido Re: Como colocar esse painel de user

Mensagem por #CentralDoEsporte em 21/06/12, 07:48 am

poderia explicar melhor qual seria esse "header" e "style"
avatar

#CentralDoEsporte
Nível 5

Masculino
Inscrito dia : 02/06/2012
Mensagens : 51
Pontos Ativos : 87

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

Resolvido Re: Como colocar esse painel de user

Mensagem por adamonofre em 21/06/12, 08:14 am

Tenho essa mesma duvida.
avatar

adamonofre
Nível 3

Masculino
Inscrito dia : 05/02/2012
Mensagens : 20
Pontos Ativos : 28

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

Resolvido Re: Como colocar esse painel de user

Mensagem por Convidad em 21/06/12, 09:44 am

@Josh escreveu:
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.

Convidad
Convidado


Resolvido Re: Como colocar esse painel de user

Mensagem por #CentralDoEsporte em 21/06/12, 09:52 am

não funcionou
avatar

#CentralDoEsporte
Nível 5

Masculino
Inscrito dia : 02/06/2012
Mensagens : 51
Pontos Ativos : 87

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

Resolvido Re: Como colocar esse painel de user

Mensagem por DropLeet em 21/06/12, 12:37 pm

Obrigado Shek! Funcionou certinho ^^
avatar

DropLeet
Nível 9

Masculino
Inscrito dia : 24/08/2011
Mensagens : 196
Pontos Ativos : 285

Ver perfil do usuário http://tutorialdoca.com

Resolvido Re: Como colocar esse painel de user

Mensagem por UsuarioX em 21/06/12, 12:40 pm

Ola,

centralDoEsporte , o codigo nao funcionou porque os seus javascripts do seus forums estao em conflitos , exclua Javascript que vc nao usa , e ve ser funciona.

ate mais ! Exclamação
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Como colocar esse painel de user

Mensagem por #CentralDoEsporte em 21/06/12, 07:36 pm

UsuarioX tentei retirar esse conflito, apagando todos os códigos Java e deixando apenas o do loguim , mas a mesma ação não resultou... Aguardo .
avatar

#CentralDoEsporte
Nível 5

Masculino
Inscrito dia : 02/06/2012
Mensagens : 51
Pontos Ativos : 87

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

Resolvido Re: Como colocar esse painel de user

Mensagem por Convidad em 22/06/12, 09:31 am

Olá!

Basta adicionar 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: Como colocar esse painel de user

Mensagem por #CentralDoEsporte em 22/06/12, 10:10 am

Obrigado Shek
avatar

#CentralDoEsporte
Nível 5

Masculino
Inscrito dia : 02/06/2012
Mensagens : 51
Pontos Ativos : 87

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