Menu de login

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

Resolvido Menu de login

Mensagem por sulamum em 26/12/11, 12:10 pm

Qual é minha questão:
Bom eu gostaria de saber como encontro as URL para postar nas seguintes colocaçoes


Site encontrado o menu Login.

http://web-kreation.com/ajax-javascript/nice-login-and-signup-panel-using-mootools-12/


Um dos codigos a serem editados:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Show/hide Login and Signup Panel using Mootools 1.2</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="fx.slide.css" type="text/css" media="screen" />
</head>
<body>
<div id="login">
<div class="loginContent">
<form action="#" method="post">
<label for="log"><b>Membro: </b></label>
<input class="field" type="text" name="log" id="log" value="" size="23" />
<label for="pwd"><b>Senha:</b></label>
<input class="field" type="password" name="pwd" id="pwd" size="23" />
<input type="submit" name="submit" value="" class="button_login" />
<input type="hidden" name="redirect_to" value=""/>
</form>
<div class="left">
<label for="rememberme"><input name="rememberme" id="rememberme" class="rememberme" type="checkbox" checked="checked" value="forever" /> Lembrar senhar</label></div>
<div class="right">Nao e membro FTN ?? <a href="#">Registre</a> | <a href="#">Perdeu sua senha ?</a></div>
</div>
<div class="loginClose"><a href="#" id="closeLogin">Close Panel</a></div>
</div>

<div id="container">
<div id="top">
<ul class="login">
<li class="left"> </li>
<li>Hello Guest!</li>
<li>|</li>
<li><a id="toggleLogin" href="#">Log In</a></li>
</ul>
</div>

<div class="clearfix"></div>

<div id="content">
<p>The content of your page!</p>
</div>
<div class="clearfix"></div>
</div>
</body>
</html>


Como voces podem ver tem o # que no meu ver e para botar no lugar deste a URL de exemplo
Login IN Login Out

Resumindo e tentando ser totalmente explicativo eu quero editar este menu login e coloca-lo na pagina inicial no topo
sei mais ou menos fazer isto so nao sei edita-lo para que seja funcional juntamente com o forumeiros

please me ajudem to gerenciando 3 foruns

Medidas que eu tomei para corrigir o problema:
Ainda nem uma


Imagens do meu problema:
Sem imagens

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

Versão do meu fórum:
PHPBB2
avatar

sulamum
Nível 5

Masculino
Inscrito dia : 21/12/2011
Mensagens : 47
Pontos Ativos : 88

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

Resolvido Re: Menu de login

Mensagem por Ace em 26/12/11, 12:13 pm

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá,

Poderia nos explicar de forma mais clara e objetiva sua questão?

Atenciosamente,
Atendimento ao usuário Forumeiros
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Menu de login

Mensagem por sulamum em 26/12/11, 04:31 pm

quero colocar este menu em meu forum

so que nao consigo

http://web-kreation.com/ajax-javascript/nice-login-and-signup-panel-using-mootools-12/


ai tem umas etapas la ne mais nao da cara ja tentei de tudo queria botar 1 menu de Login em cima de meu logo e com isto da mais conforto para os membros e a comunidade.
avatar

sulamum
Nível 5

Masculino
Inscrito dia : 21/12/2011
Mensagens : 47
Pontos Ativos : 88

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

Resolvido Re: Menu de login

Mensagem por Ace em 26/12/11, 04:39 pm

Olá,

Utilize o seguinte código:

Código:
 <script>
var nnome = "{USERNAME}" ;
if ( nnome != "Convidado"){
document.write(' <style> ');
document.write(' #loginn{display:none!important;} ');
document.write(' </style> ');
}</script>


<!-- The CSS -->
<link rel="stylesheet" href="http://web-kreation.com/demos/login_form_mootools_1.2/fx.slide.css" type="text/css" media="screen" />
<style>
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;

}

/* Login Panel */
#top {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}

#top ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}

#top ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}

#top ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}

/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}

#login .loginContent input:focus.field {
background: #545454;}

#login .loginContent input.button_login {
background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}

#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}

#login .loginClose a:hover {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
</style>

<!-- Login --><div id="loginn" style="display: block;position: absolute;left: 0px;top: 0px;width: 100%;"><div id="login" style="margin-top:-105px;"><div class="loginContent">

<form action="/login.forum" method="post" enctype="multipart/form-data" name="form_login" id="form_login2">

<label for="log"><b>Username: </b></label>
<input name="username" size="23" class="field" maxlength="25" type="text" style="clear: both;" />

<label for="pwd"><b>Password:</b></label>
<input name="password" class="field" size="23" maxlength="25" type="password" style="clear: both;" />

<input class="menuoption button_login" type="submit" name="login" value=" " />

<input type="hidden" name="redirect" value="" />

</form><div class="left">

<label for="rememberme">
<input name="autologin" id="autologin" type="checkbox" tabindex="4" checked="checked" class="radio" /> Conexão automática
</label>

</div><div class="right">Não é um membro? <a href="/profile.forum?mode=register">Registar-me</a> | <a class="gensmall" href="/profile.forum?mode=sendpassword"> Recuperar Senha</a></div>

</div><div class="loginClose"><a href="#" id="closeLogin" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Fechar Painel</a></div>

</div>


<!-- /login --><div id="container"><div id="top">

<!-- login -->

<ul class="login">

<li class="left"> </li>

<li>Olá Visitante!</li>

<li>|</li>

<li><a id="toggleLogin" href="#" onclick="document.getElementById('login').style.marginTop=((document.getElementById('login').style.marginTop=='0px')? '-105px' : '0px');">Entrar</a></li>

</ul> <!-- / login -->

</div> <!-- / top --><div class="clearfix"></div>
</div>



</div>

Adicione em:

Painel >> Módulos >> Portal & Widgets >> (Adicione no portal e no fórum se assim desejar) >> Criar um Widget Peronalizado >> Coloque o código >> Insira o widget nos locais >> Autorizações >> Ver >> Administradores

Salve

Flecha ajudeiros Resulta?

Até Mais! Piscada
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Menu de login

Mensagem por sulamum em 26/12/11, 08:26 pm

e ultima pergunta como eu coloco ele no top ja que o widgets nao vai la em cima queria ele em cima do logo tipo =/

avatar

sulamum
Nível 5

Masculino
Inscrito dia : 21/12/2011
Mensagens : 47
Pontos Ativos : 88

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

Resolvido Re: Menu de login

Mensagem por Ace em 26/12/11, 08:27 pm

Olá,

Quando colocar o código em um widget personalizado ele automaticamente aparecerá lá em cima Piscada

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Menu de login

Mensagem por sulamum em 26/12/11, 09:23 pm

Totalmente funcionar voce pra mim e mais doque o cara e o pai do cara

OTIMO STAFF.
avatar

sulamum
Nível 5

Masculino
Inscrito dia : 21/12/2011
Mensagens : 47
Pontos Ativos : 88

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