Sistema de login

2 participantes

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

Tópico resolvido Sistema de login

Mensagem por Rivas™ 04.09.11 11:49

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:
https://2img.net/r/ihimizer/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
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Sistema de login

Mensagem por Mikáá 04.09.11 13:14

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
Sistema de login 229229



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
Sistema de login 229229



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
Sistema de login 229229


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
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de login

Mensagem por Rivas™ 04.09.11 14:27

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
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de login

Mensagem por Mikáá 04.09.11 14:28

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.
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Sistema de login

Mensagem por Rivas™ 04.09.11 14:43

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 ^^
Rivas™

Rivas™
Membro

Membro desde : 31/05/2010
Mensagens : 901
Pontos : 1438

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