Painel de usuario diferente
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Painel de usuario diferente
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
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
Re: Painel de usuario diferente
Ola
Painel de controle ->> Módulos ->> Gestão dos códigos JavaScript ->>
Clique em "Criar um novo JavaScript".
Investimento No índice
Código JavaScript:
[/quote]
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){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>')});
[/quote]
Re: Painel de usuario diferente
Não resultou nada.
Re: Painel de usuario diferente
Olá autor!
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.
1º - Código utilizado:
2º - 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
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.
3º - Resultado através de uma imagem:
Outras informações: https://ajuda.forumeiros.com/t61446-caixa-de-login-superior
Atenciosamente,
Shek
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
Login no topo do fórum
1º - 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> | <a href="/register">Registre-se</a> </div></div>')}});
2º - 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
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.
3º - Resultado através de uma imagem:
--> FAQ do Tutorial <--
Login no topo do fórum
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
Convidad- Convidado
Re: Painel de usuario diferente
Infelizmente não resultou, tem algum outro código ?
Re: Painel de usuario diferente
Olá amigo!
Adicione esse código em um widget personalizado:
Shek
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> | <a href="/register">Registre-se</a> </div></div>
Shek
Convidad- Convidado
Re: Painel de usuario diferente
Amigo ha um código parecido com este e muito melhor você que?
Re: Painel de usuario diferente
Pode ser.
Re: Painel de usuario diferente
Ok, aqui estar amigo o tutorial!!!
Última edição por Shek em 29.06.12 18:39, editado 1 vez(es) (Motivo da edição : [LINK RETIRADO])
Re: Painel de usuario diferente
Mais meu fórum é PhpBB2, não tem um código para esta versão ?
Re: Painel de usuario diferente
Olá!
Leia:
https://ajuda.forumeiros.com/t61642-como-colocar-esse-painel-de-user?highlight=painel+diferente
Atenciosamente,
Shek
Leia:
https://ajuda.forumeiros.com/t61642-como-colocar-esse-painel-de-user?highlight=painel+diferente
Atenciosamente,
Shek
Convidad- Convidado
Re: Painel de usuario diferente
Olá,
este código funcionou:
Porém, quando esta logado permanece "Login" e "Registre-se".
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> | <a href="/register">Registre-se</a> </div></div>
Porém, quando esta logado permanece "Login" e "Registre-se".
Re: Painel de usuario diferente
Olá amigo!
Basta modificar os trechos vermelhos, que indicam os links, e os verdes que indicam o nome do link.
No outro, que contém o LOGIN e REGISTRAR-SE, clique no botão , e deixe-o visível apenas aos visitantes.
Atenciosamente,
Shek
Basta modificar os trechos vermelhos, que indicam os links, e os verdes que indicam o nome do link.
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 e permita que somente os "Membros - Moderadores e Administradores" vejam esse widget.<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> | <a href="LINK">NOME_DO_LINK</a> </div></div>
No outro, que contém o LOGIN e REGISTRAR-SE, clique no botão , e deixe-o visível apenas aos visitantes.
Atenciosamente,
Shek
Convidad- Convidado
Re: Painel de usuario diferente
Obrigado, pode fechar.
Re: Painel de usuario diferente
Ai tbm consegui vlw ae
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos