Como colocar esse painel de user

4 participantes

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

Tópico resolvido Como colocar esse painel de user

Mensagem por #CentralDoEsporte 21.06.12 0:06

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

Links e imagens do meu problema:
https://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 14:10, editado 1 vez(es)
#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

http://centraldoesporte.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por killer999 21.06.12 2:10

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
killer999

killer999
****

Membro desde : 25/03/2008
Mensagens : 230
Pontos : 249

http://www.narutoportugalrpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por DropLeet 21.06.12 10:15

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

DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por #CentralDoEsporte 21.06.12 11:48

poderia explicar melhor qual seria esse "header" e "style"
#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

http://centraldoesporte.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por Convidado 21.06.12 12:14

Tenho essa mesma duvida.
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por Convidad 21.06.12 13:44

Josh escreveu:
painel diferente - Como colocar esse painel de user 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 diferente - Como colocar esse painel de user 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 diferente - Como colocar esse painel de user 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.
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por #CentralDoEsporte 21.06.12 13:52

não funcionou
#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

http://centraldoesporte.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por DropLeet 21.06.12 16:37

Obrigado Shek! Funcionou certinho ^^
DropLeet

DropLeet
***

Membro desde : 24/08/2011
Mensagens : 196
Pontos : 285

http://tutorialdoca.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por UsuarioX 21.06.12 16:40

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
UsuarioX

UsuarioX
Membro

Membro desde : 03/01/2012
Mensagens : 713
Pontos : 916

http://www.zonetoony.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por #CentralDoEsporte 21.06.12 23:36

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 .
#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

http://centraldoesporte.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por Convidad 22.06.12 13:31

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar esse painel de user

Mensagem por #CentralDoEsporte 22.06.12 14:10

Obrigado Shek
#CentralDoEsporte

#CentralDoEsporte
**

Membro desde : 02/06/2012
Mensagens : 51
Pontos : 87

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