Caixa de login no topo do fórum |
Sempre desejamos inovar mais vosso fórum,com uma boa aparência conduz o visitante a cadastrar-se hoje já se é possível botar uma Caixa de login "Personalizada" no topo do fórum.
Nº1 - Adicionando CSS
Para obtermos o efeito sera nessesario adicionar uma CSS:
Painel de Controle --> Visualizações --> Cores --> Folha de Estilo CSS
O codigo e esse:
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;
}
Nº2 - Adicionando o Templante
Agora que já adicionamos a CSS o efeito de Personalização ja esta ativo em Nosso fórum
agora só falta a Caixa. Para obtermos ela sera necessário Personalizar os Templantes.
Painel de Controle --> Visualizações --> Templantes --> Geral --> overall_header
Procure a linha:
<div class="pun">
Dentro dessa tag adicione o seguinte código:
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 -->
Não esqueça de Publicar.
Nº3 - Resultado:
- Funciona em Todas as Versões?
Não, Infelismente so Punbb.
© SuporteDesign
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Colocando uma caixa de login no topo do forum. |