[TUTORIAL] Login no topo do fórum
Página 1 de 1 • Compartilhe
[TUTORIAL] Login no topo do fórum
![]() | Login Personalizado |
Por muitas vezes, queremos chamar atenção com códigos inovados, os mais queridos nestes tipos de ocasião são de Login. No último tutorial sobre Login's aprendemos á gerir uma caixa de login ao passar o mouse sobre o botão "Entrar" do menu de navegação, já neste iremos aprender á inserir uma mini-caixinha no topo do fórum.
--> Tutoriais,dicas e Astucias <--
Login no topo do fórum
1º - Paginas Javascript:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Painel de controle ![]() ![]() ![]() |
![[TUTORIAL] Login no topo do fórum Painel13](https://i.servimg.com/u/f48/15/88/72/83/painel13.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
2º - Código a ser usado:
Coloque esse código no conteudo do javascript
- Código:
$(function(){$(function(){$('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith('<form action="/login.forum" method="post"><input class="fa_login"type="text" name="username" maxlength="50" placeholder="Usuário" /><input class="fa_login" type="password" name="password" maxlength="50" placeholder="Senha"/><input type="submit" name="login" id="fa_enter" value="Entrar"/></form>')})});
3º - Instalação do Css:
CSS na verdade significa "Cascading Style Sheets", sua principal função é personalizar um determinado conteúdo exibido, em um determinado lugar na página. Cada versão de fórum (phpbb2. phpbb3, punbb e invision) possuem uma classe diferente, e nessas classes podem ser adicionadas as “propriedades”. Caso queira conhecer alguns tipos de classes, poderá consultar mais informações no seguinte: Elaborar um código CSS
Painel de controle ![]() ![]() ![]() ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
4º - Aplicação do Css:
- Código:
.fa_login {
background-color: #FFF;
border: 1px solid #;
border-radius: 3px;
width: 105px;
margin-right: 5px;
padding: 2px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
input {
cursor: pointer;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: 400;
padding: 0 3px;
vertical-align: middle;
}
input, textarea, keygen, select, button, meter, progress {
-webkit-writing-mode: horizontal-tb;
}
#fa_enter {
background-color: #00B9E6;
border: 1px solid #00A5CD;
border-radius: 3px;
padding: 1px 2px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#fa_toolbar #fa_right form {
display: inline-block;
margin-top: 4px;
}
- Resultado:
© Fórum dos Fóruns
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [DUVIDA] Login no topo do fórum |
Josh- Super Membro
- Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Login no topo do fórum
» Login no topo do fórum
» Login no topo do fórum
» Caixa de login no topo do fórum
» [TUTORIAL] Opções de perfil no topo do fórum
» Login no topo do fórum
» Login no topo do fórum
» Caixa de login no topo do fórum
» [TUTORIAL] Opções de perfil no topo do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos