Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador

Crachá de Login


PunBB PhpBB2  PhpBB3  Invision
Funcionamento perfeito

Desculpem pelo Ferramenta em teste...
Estou sem tempo para concertar, qualquer coisa, peça suporte que eu concerto.

--> WidGet <--
WP
Não

Código:
<style type="text/css">
.popuplgnsh:hover { opacity: 1.0;}
.popuplgnsh { position: fixed; top: -15px; right: 60px; background-image: url('http://i71.servimg.com/u/f71/17/71/75/73/vip_ac11.png'); background-repeat: no-repeat; background-size: 120% 100%; opacity: 1.0; height: 100%;}
.contundu { margin-top: 60%; margin-left: 15%;}
.usernameinpt { width: 165px; margin-left: 150px; margin-top: -22px; height: 28px; border-radius: 5px; border: 1px double #ddd;}
.passworldinpt { width: 165px; margin-left: 150px; margin-top: 8px; height: 28px; border-radius: 5px; border: 1px double #ddd;}
</style><div class='popuplgnsh'><div class='contundu'>
<br><br><br><center><img border="0" src="http://www.mccinformatica.com.br/informatica/img/alert.gif" /><b><span style="color: #990000;">Ferramenta sob Testes!</span></b><br/>
Utilize a ferramenta e deixe um comentário sobre seu funcionamento <a href="http://staffergroupbr.stuning.net/t1231-ferramenta-login#3585">aqui</a>!</center><br>
<form action="login.forum?connexion" method="post">
<table class="font_la_tabel" width="35%" border="0">
<tr>
<td><input class='usernameinpt' placeholder="Username" name="username" size="15" maxlength="40" type="text"></input></td>
</tr>
<tr>
<td><input class='passworldinpt' placeholder="Password" name="password" size="15" maxlength="32" type="password"></input></td>
</tr>
<br />
<tr align="center">
<td colspan="2" >

<br><input style="background: transparent; cursor: pointer;" class="mainoption" name="login" value="Entrar" type="submit"></input>
</td>
</tr>
</table>
</form>
</div>
</div>

Salvar
Volte a interface de WidGets

Marque apenas: Convidados

--> Resultado Final <--


Clique na imagem para visualizar

Desenvolvido por D'Leandro™ | SGBR™
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 Bookmarlucas654

avatar
Membro
Que massa =O
Meu Deeeeeeeus, essa vou testar...
Ver perfil do usuário

#3
 Master Publicitario

avatar
Membro
Vou testar
Ver perfil do usuário

#4
 Bookmarlucas654

avatar
Membro
Ele ficou bom, mas já vem aberto e tens uns bugs ;s
Ps.: Se quiser ver, só ativar no meu fórum, ta no widget ;)
Ver perfil do usuário

#5
 Jose Hamizaki

avatar
Membro
Bem maneiro esse codigo, vou testar agora.
Ver perfil do usuário

#6
 'Fusion

avatar
Membro
Nossa que legal gostei muito.

@Edit 27/02/13 20:14 : Quando loga o crachá não some e também não loga.

Endereço de Contato: samuca_akira@hotmail.com

Link, Site ou Forum: http://weesgames.forumeiros.com/
Ver perfil do usuário samuca_akira@hotmail.com

#7
 D'Leandro™

avatar
Fundador
Bookmarlucas654 quais bugs o senhor viu?
Ver perfil do usuário

#8
 D'Leandro™

avatar
Fundador
'Fusion Veja que aqui funcionou perfeitamente, o senhor leu tudo oque foi escrito no tutorial?
http://i71.servimg.com/u/f71/17/71/75/73/sem_ta18.jpg
Ver perfil do usuário

#9
 'Fusion

avatar
Membro
Li sim foi lerdeza minha aqui desculpa
Ver perfil do usuário samuca_akira@hotmail.com

#10
 Jose Hamizaki

avatar
Membro
Teria como mudar a cor daquela barrinha azul que segura o cracha?
Ver perfil do usuário

#11
 ®'Martins

avatar
Membro
Etarei Testando Para ver O como Ficaria No meu Forum!!

@edit : Funcional Em mozila Fire Fox Sim Some Quand um Visitante Se Loga A ferramente é Usada Perfeitamente Quando se Sabe Apreveitar!!

@EDIT BOM EU EDITEI PARA FICAR DA MINHA FORMA SO QUE NAO DEU MUITO CERTO OLHA SO COMO FICOU>>

http://img692.imageshack.us/img692/6759/semttulopww.png

Código:
<style type="text/css">
.popuplgnsh:hover { opacity: 1.0;}
.popuplgnsh { position: fixed; top: -15px; right: 60px; background-image: url('http://img405.imageshack.us/img405/6241/vipac11.png'); background-repeat: no-repeat; background-size: 120% 100%; opacity: 1.0; height: 100%;}
.contundu { margin-top: 60%; margin-left: 15%;}
.usernameinpt { width: 165px; margin-left: 150px; margin-top: -22px; height: 28px; border-radius: 5px; border: 1px double #ddd;}
.passworldinpt { width: 165px; margin-left: 150px; margin-top: 8px; height: 28px; border-radius: 5px; border: 1px double #ddd;}
</style><div class='popuplgnsh'><div class='contundu'>
<br><br><br><center><img border="0" src="http://www.mccinformatica.com.br/informatica/img/alert.gif" /><b><span style="color: 1000eb;">Bem Vido Visitante!</span></b>
<form action="login.forum?connexion" method="post">
<table class="font_la_tabel" width="35%" border="0">
<tr>
<td><input class='usernameinpt' placeholder="Username" name="username" size="15" maxlength="40" type="text"></input></td>
</tr>
<tr>
<td><input class='passworldinpt' placeholder="Password" name="password" size="15" maxlength="32" type="password"></input></td>
</tr>
<br />
<tr align="center">
<td colspan="2" >

<br><input style="background: transparent; cursor: pointer;" class="mainoption" name="login" value="Entrar" type="submit"></input>
</td>
</tr>
</table>
</form>
</div>
</div>

Gostaria que se possível editasse para que funcionasse legal no meu forum...

Obrigado


Atenciosamente: ~Rafael~|Arquivospontuais.tk
Ver perfil do usuário

#12
 ®'Martins

avatar
Membro
Nao Sei Se estou Infligindo as Regras Por Double post Mas gostaria de Avisar Ao nosso Amigo Jose Hamizaki.

A barrinha Nao tem como ser editada Pois o cracha foi criado e editado pelo D'leandro ( se nao Me engano)

Simples Voce Pode

1- Procurar por (http://i71.servimg.com/u/f71/17/71/75/73/vip_ac11.png)
2- Criar e substituir Por Uma imagem De sua Preferencia Ou se voce Prefirir So Mude a cor a barra no Ps E edite o Nome Da SGBR.

Atenciosamente: ~Rafael~| Arquivos Pontuais.tk
Ver perfil do usuário

#13
 D'Leandro™

avatar
Fundador
~Rafael~ Como o senhor está ajudando o membro a cima, não lhe será infrigido duplo post.
Suas informações estão corretas, isto é uma imagem sólida, pode ser editada, caso queira edições, peça na área de pedidos gráficos.
Sim, o código foi criado por mim.
Sim, o código funciona em firefox e qualquer outro, o problema é que fica "torto" como o senhor mostra no print.
Se eu ajustar para o firefox, ele vai ficar torto no chrome.
Se desejar que eu ajuste, basta criar um pedido de suporte com o nome: [Suporte] Crachá de login.

Ps: a parte sublinhada é para o Jose Hamizaki.
Ver perfil do usuário

#14
 ®'Martins

avatar
Membro
Vlw!!!! O codigo ficou muito bomz!!
Ver perfil do usuário

#15
 A Fofa

avatar
Membro
Olá,

Adorei, obrigada por partilhar, está muito boa!!

Até mais! ;)
Ver perfil do usuário

#16
 sergio44

avatar
Membro
thanks
Ver perfil do usuário

#17
 Conteúdo patrocinado