Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

RMBR

avatar
Administrador

[Você precisa estar registrado e conectado para ver esta imagem.]

[TUTORIAL]-[INÉDITO] Colocando uma caixa de login no topo do forum.

Olá pessoal, estava procurando códigos desse tipo na internet, então achei um código que identifica se o user está ou não logado, então essa foi a base pra eu montar o código, e deu reultado! ;)

[Você precisa estar registrado e conectado para ver esta imagem.]
CRÉDITOS!!
HenRyqUéè e RMBR
--> Tutoriais, dicas e astúcias <--
[TUTORIAL]-[INÉDITO] Colocando uma caixa de login no topo do forum.


- Inserindo o código css...
Vá até:

Painel de Controle > Visualização > Imagens e Cores > Cores >> Folha de estilo CSS

Depois adicione o seguinte código à folha:

CLIQUE AQUI PARA ABRIR:
Código:
#login-top {
width: 225px;
background: url(http://i49.servimg.com/u/f49/16/29/88/81/bg_log10.png) no-repeat;
height: 45px;
position: absolute;
top: 8px;
right: 10px;
padding: 5px;
color: yellow;
line-height: 120%;
}
#id-login, #pw-login {
width: 120px;
border: 0;
border-radius: 3px;
margin: 3px;
padding: 1px;
background-color: #555;
background-color: rgba(0, 0, 0, .4);
color: #fff;
}
#rmbr-ok-login {
float: right;
height: 39px;
width: 90px;
margin: -20px 5px 0 0;
background-color: #333;
background-color: rgba(0, 0, 0, .5);
border-radius: 3px;
border: 0;
cursor: pointer;
color: yellow;
}
#rmbr-ck-login {
float: right;
margin: 5px;
color: #CCC;
font-size: 8pt;
}

Valide o CSS!


- Modificando o Template...
Vá até:

Painel de Controle > Visualização > Templates > Geral >> overall_header

Procure a linha:

Código:
<div class="pun">
Dentro dessa tag adicione o seguinte código:

CLIQUE AQUI PARA ABRIR:
Código:
          <!-- BEGIN switch_user_logged_out -->
      <div id="login-top">
    <form action="/login?redirect=/" method="post" name="form_login" id="login-vds">
    <input class="post" id="id-login" type="text" size="10" name="username">
    <input class="post" id="pw-login" type="password" size="10" name="password">
    <input id="rmbr-ok-login" class="mainoption" type="submit" name="login" value="Entrar">
    <div id="rmbr-ck-login"><span class="gensmall">Manter-me conectado </span>
    <input class="radio" type="checkbox" name="autologin"></div>
    </form><script type="text/javascript">//<![CDATA[
    $(function(){$('#login-vds').attr('action','/login?redirect='+this.location.pathname);});//]]></script></div>
            <!-- END switch_user_logged_out -->

Publique o Template!


- Resultado...
[Você precisa estar registrado e conectado para ver esta imagem.]

  • Funciona em quais versões?
    punBB




© RMBR


[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL]-[INÉDITO] Colocando uma caixa de login no topo do forum.



Última edição por RMBR em 14/11/12, 09:25 pm, editado 1 vez(es)

http://rmbr.forumeiros.com

RMBR

avatar
Administrador
qq dúvida: [Você precisa estar registrado e conectado para ver este link.]

http://rmbr.forumeiros.com

azure

avatar
Sou Nível 2
Mando muito meu mestre, contudo hoje vou ensinar uma truque Ninja
adiconei essa duas linhas no seu código! elas permitem que o se torne visivel somente para que não está conectado

Código:
 <!-- BEGIN switch_user_logged_out -->
codigo
<!-- END switch_user_logged_out -->

Código ja alterado abaixo!

Código:
      <!-- BEGIN switch_user_logged_out -->
  <div id="login-top">
 <form action="/login?redirect=/" method="post" name="form_login" id="login-vds">
 <input class="post" id="id-login" type="text" size="10" name="username">
 <input class="post" id="pw-login" type="password" size="10" name="password">
 <input id="rmbr-ok-login" class="mainoption" type="submit" name="login" value="Entrar">
 <div id="rmbr-ck-login"><span class="gensmall">Manter-me conectado </span>
 <input class="radio" type="checkbox" name="autologin"></div>
 </form><script type="text/javascript">//<![CDATA[
$(function(){$('#login-vds').attr('action','/login?redirect='+this.location.pathname);});//]]></script></div>
        <!-- END switch_user_logged_out -->

http://code.azureforum.com/

RMBR

avatar
Administrador
azure escreveu:Mando muito meu mestre, contudo hoje vou ensinar uma truque Ninja
adiconei essa duas linhas no seu código! elas permitem que o se torne visivel somente para que não está conectado

Código:
 <!-- BEGIN switch_user_logged_out -->
codigo
<!-- END switch_user_logged_out -->
é, elas ajudam a identificar, mas não servem p/ muita coisa não, oq checa mesmo é o script q ta ai...

Código ja alterado abaixo!

Código:
      <!-- BEGIN switch_user_logged_out -->
  <div id="login-top">
 <form action="/login?redirect=/" method="post" name="form_login" id="login-vds">
 <input class="post" id="id-login" type="text" size="10" name="username">
 <input class="post" id="pw-login" type="password" size="10" name="password">
 <input id="rmbr-ok-login" class="mainoption" type="submit" name="login" value="Entrar">
 <div id="rmbr-ck-login"><span class="gensmall">Manter-me conectado </span>
 <input class="radio" type="checkbox" name="autologin"></div>
 </form><script type="text/javascript">//<![CDATA[
$(function(){$('#login-vds').attr('action','/login?redirect='+this.location.pathname);});//]]></script></div>
        <!-- END switch_user_logged_out -->

http://rmbr.forumeiros.com

azure

avatar
Sou Nível 2
Eu tambem achei que essa parada servia como indicação porem não realmente funciona faz teste dps vc me fala!

http://code.azureforum.com/

-Naruto

avatar
Administrador
Publicitário
Helper
Comentando para ver..

-Naruto

avatar
Administrador
Publicitário
Helper
Movido Para Tutoriais Aceitos.

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum