Mensagens:
Sexo
Reputação:
Reputação: | [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!
 |
|
[TUTORIAL]-[INÉDITO] Colocando uma caixa de login no topo do forum.
1º - 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!
2º - Modificando o Template...
Vá até:
Painel de Controle > Visualização > Templates > Geral >> overall_header
Procure a linha:
- Código:
<div class="pun">
- 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!
3º - Resultado...
- Funciona em quais versões?
punBB
© RMBR
 | 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. |
