Sistema de login

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

Resolvido Sistema de login

Mensagem por Rivas™ em 04/09/11, 07:49 am

Qual é minha questão:
Bem vi isto num site que nao e Forumeiros mas queria saber se dava o site onde vi foi;

http://www.mni-gaming.org/08/index.php?site=forum#
http://www.mni-gaming.org/08/index.php?site=forum#

Medidas que eu tomei para corrigir o problema:
http://img805.imageshack.us/img805/5279/semttulofn.png

Imagens do meu problema:
Nenhuma

Endereço do meu fórum:
www.forum-frito.pt.am

Versão do meu fórum:
PHPBB3
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário
  • 0

Resolvido Re: Sistema de login

Mensagem por Mikáá em 04/09/11, 09:14 am

Olá!

Após muito tempo pedirem no FDF o código e terem sempre dito que era impossível, eu mesmo resolvi trabalhar nesta resolução para que os membros fiquem satisfeitos e que não saiam daqui com uma resposta errada por parte de todos nós!
Quis aguardar para que outros membros ou Staffer's respondessem para ver o que eles diziam mas não quero deixar você a espera por isso vamos passar a resolução!

Código:

            <div id="loginpanel" style="top: 0px;">

               <div id="loginpanel-content"><form action="checklogin.php" method="post">
   <div style="float:left; width:140px;">
      <span style="line-height:22px; color:#FFF">Username:</span><br>
      <input type="text" style="border:none; width:114px; height:20px; background-image:url(http://www.mni-gaming.org/08/style/login-input.jpg); color:#FFF; margin:0px 0px 15px 0px; padding:0px 3px 0px 3px" name="ws_user"><br>
      <a style="font-weight:bold; color:#FFF; text-decoration:none; line-height:20px;" href="index.php?site=register">register now</a><br>
      <a style="font-weight:bold; color:#FFF; text-decoration:none; line-height:20px;" href="index.php?site=lostpassword">lost password?</a>
   </div>
   <div style="float:right; width:120px;">
      <span style="line-height:22px; color:#FFF">Password:</span><br>
      <input type="password" style="border:none; width:114px; height:20px; background-image:url(http://www.mni-gaming.org/08/style/login-input.jpg); color:#FFF; margin:0px 0px 15px 0px; padding:0px 3px 0px 3px" name="pwd">
      <input type="submit" style="width:120px; height:35px; border:none; outline:none; background-image:url(http://www.mni-gaming.org/08/style/login-button.jpg);" value="" name="submit">
   </div>
   <div style="clear:both;"></div>
</form></div>

               <div id="loginpanel-button">

                  <a style="float:right; margin-right:20px;" id="loginpanelButton" href="#"><img alt="Open/Close" src="http://www.mni-gaming.org/08/style/loginpanel-button.png"></a>

                  <a style="float:right; line-height:20px; margin-right:10px; font-weight:bold; color:#FFF; text-shadow:0px 0px 2px #333" href="index.php?site=register">

                  
                  </a>

               </div>

            </div>

         </div>

Onde adicionar o código?
Painel Flecha ajudeiros Visualização Flecha ajudeiros Home Page Flecha ajudeiros Geral



Código:
$(document).ready(function(){
$loginpanel = "closed";
$("#loginpanelButton").click(function(){
if($loginpanel == "closed") { $("#loginpanel").animate({top: '0px'}, 200); $loginpanel = "open"; }
else { $("#loginpanel").animate({top: '-130px'}, 200); $loginpanel = "closed"; }
});
});

Flecha ajudeiros Título -> Um qualquer
Flecha ajudeiros Investimento -> Página Principal

Onde adicionar o código?
Painel Flecha ajudeiros Módulos Flecha ajudeiros HTML & JAVASCRIPT Flecha ajudeiros Gestão dos códigos JavaScript



Código:
#loginpanel {
    height: 155px;
    position: absolute;
    right: 0;
    top: -130px;
    width: 330px;
}
#loginpanel-content {
    background-color: #000000;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 90px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 290px;
}
#loginpanel-button {
    height: 25px;
    width: 330px;
}
#logged a, #logged a:visited {
    color: #FFFFFF;
    line-height: 15px;
}
#logged a:hover {
    text-decoration: underline;
}
#navigation {
    height: 35px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-top: 8px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 1004px;
}
#navigation li {
    background-image: url("http://www.mni-gaming.org/08/style/navigation-background.png");
    cursor: pointer;
    float: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: 600;
    height: 35px;
    line-height: 42px;
    text-align: center;
    text-shadow: 0 0 3px #222222;
    text-transform: uppercase;
    width: 121px;
}
#navigation li a {
    color: #B2B2B2;
    display: block;
    font-family: Arial;
    font-weight: 600;
    height: 100%;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
#navigation li:hover, #navigation li.active {
    background-image: url("http://www.mni-gaming.org/08/style/navigation-hover.png");
    line-height: 35px;
}
#navigation li:hover a, #navigation li.active a {
    color: #FFFFFF;
}
#navigation li:first-child {
    width: 18px;
}
#navigation li:last-child {
    width: 18px;
}

Onde adicionar o código?
Painel Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de estilo CSS


E assim está construído o painel desejado! Como podem ver tive algum trabalho a realizar estes códigos (alguns retirei do site). E com trabalho tudo se consegue e tudo é possível nos fóruns Forumeiros o pior é o trabalho para realizar algumas tarefas que os usuários pedem e muitos não compreendem o trabalho que é realizar determinados códigos para que se adequam aos vossos fóruns!
Este código está a funcionar correctamente na versão PhpBB3 nas outras não sei!

Agradeçam Piscada

Até mais.

Edit:

Não se esqueçam de mudar estes links no código que é para adicionar a home-page:
Flecha ajudeiros index.php?site=lostpassword
Flecha ajudeiros index.php?site=register
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Sistema de login

Mensagem por Rivas™ em 04/09/11, 10:27 am

Vem eu meti tudo bem só a 1 problema e que encolho e depois quero abrir e ta sempre a fechar :/

Testei num forum TEST sem CSS e poes os codigos e deu direito penso que e da minha CSS :S
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

Resolvido Re: Sistema de login

Mensagem por Mikáá em 04/09/11, 10:28 am

Olá novamente!

O código funciona em seu fórum de testes, foi você mesmo que me disse pelo messenger Muito feliz

Por isso a única coisa que vejo é algum erro no CSS do seu fórum Louco

Não lhe garanto que consiga resolver isso...

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Sistema de login

Mensagem por Rivas™ em 04/09/11, 10:43 am

Pois mas nao tou aver qual e o erro, se algum outro STAFF quiser ver o meu CSS, que avise mando por PM Muito feliz

Obrigaod Mikáá, ja fizestes muito ^^
avatar

Rivas™
Usuário destaque

Masculino
Inscrito dia : 31/05/2010
Mensagens : 901
Pontos Ativos : 1438

Ver perfil do usuário

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