Caixa de login superior

Qual é minha questão:
quero este código aqui

Alguém me ajuda porfavor

Links e imagens do meu problema:
Vim aqui





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

Versão do meu fórum:
PHPBB3

Bom dia!

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

Investimento No índice

Código JavaScript:

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>')}});

Abraços do Josh!

Josh escreveu:Bom dia!

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

Investimento No índice

Código JavaScript:

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>')}});

Abraços do Josh!

Olá, desculpe está me entrometendo em seu tópico amigo, mas esse código é compatível com a versão Invision? Até mais

opa, aproveitando é possivel passar o codigo para a versão phpbb2? obrigado.

Olá amigos!

Basta colocar o código em um novo 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

Shek escreveu:Olá amigos!

Basta colocar o código em um novo 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

obrigado shek

Olá, gostaria de aproveitar o tópico do autor. Deu certo o código fornecido amigo! Só que quando o usuário está logado na conta aparece que ele não está, ou seja aparece "Bem vindo visitante! Login | Registre-se" sendo que o mesmo já está conectado em sua conta, e tem como mudar a cor de Login e Registre-se para #6BBAFF ?

Até mais e desculpe o encomodo

Thor ϟ escreveu:Olá, gostaria de aproveitar o tópico do autor. Deu certo o código fornecido amigo! Só que quando o usuário está logado na conta aparece que ele não está, ou seja aparece "Bem vindo visitante! Login | Registre-se" sendo que o mesmo já está conectado em sua conta, e tem como mudar a cor de Login e Registre-se para #6BBAFF ?

Até mais e desculpe o encomodo

Olá amigo!

Substitua o código por este:

Código:

<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#6BBAFF;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"><font color="#000000">Bem vindo visitante!</font> <a href="/login">Login</a>&nbsp|&nbsp<a href="/register">Registre-se</a> </div></div>

Nas permissões, deixe selecionado apenas "Convidados".

Salve.

É o que eu digo amigo, o usuário está registrado e logado na conta, porém lá aparece que o mesmo está como visitante, como arrumo isso?

Abraços.

Olá amigo Thor!

O senhor deve fazer o jogo de widgets. O que seria isso? O jogo de widgets é o jogo de autorização dos widgets. O primeiro código que indiquei, você modifica as autorizações do widget " " somente aos Visitantes. Já o de usuário registrado, você deve copiar e colar o mesmo código em outro widget personalizado que seja visível apenas aos Membros, Moderadores e Administradores. Para isso, basta editar as .

Atenciosamente,
Shek

Olá,

poderiam passar o codigo de quando estiver logado no fórum?
para poder ficar assim: Conectado como Blunt! Minha Conta | Sair

Olá autor!

Basta o senhor copiar o código citado para um widget e adicionar as Variáveis dos nomes.

<style>.hlogin,.hlogin a:link,.hlogin a:visited{color:#6BBAFF;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"><font color="#000000">Bem vindo VARIÁVEL!</font> OPÇÃO_2&nbsp|&nbspOPÇÃO_2 </div></div>

Vlw.
Galera.