Como coloco esse estilo de login

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como coloco esse estilo de login

Mensagem por JhonatanKoi em 16/02/13, 12:11 pm

Qual é minha questão:

Se bugar http://i73.servimg.com/u/f73/18/11/70/76/login10.jpg

Quero saber como coloco isso meu forum e pun bb

Endereço do meu fórum:
http://skintoon.forumeiros.com

Versão do fórum:
PUNBB
avatar

JhonatanKoi
Nível 3

Masculino
Inscrito dia : 25/01/2013
Mensagens : 23
Pontos Ativos : 33

Ver perfil do usuário http://toon.forumfacil.net/

Resolvido Re: Como coloco esse estilo de login

Mensagem por JhonatanKoi em 16/02/13, 12:55 pm

up
avatar

JhonatanKoi
Nível 3

Masculino
Inscrito dia : 25/01/2013
Mensagens : 23
Pontos Ativos : 33

Ver perfil do usuário http://toon.forumfacil.net/

Resolvido Re: Como coloco esse estilo de login

Mensagem por JhonatanKoi em 17/02/13, 04:57 pm

up
avatar

JhonatanKoi
Nível 3

Masculino
Inscrito dia : 25/01/2013
Mensagens : 23
Pontos Ativos : 33

Ver perfil do usuário http://toon.forumfacil.net/

Resolvido Re: Como coloco esse estilo de login

Mensagem por JonasB. em 17/02/13, 05:03 pm

Poderia passar o fórum em que viu o tal efeito?
avatar

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

Ver perfil do usuário http://suportedesign.forumeiros.com/

Resolvido Re: Como coloco esse estilo de login

Mensagem por JhonatanKoi em 17/02/13, 05:46 pm

avatar

JhonatanKoi
Nível 3

Masculino
Inscrito dia : 25/01/2013
Mensagens : 23
Pontos Ativos : 33

Ver perfil do usuário http://toon.forumfacil.net/

Resolvido Re: Como coloco esse estilo de login

Mensagem por JonasB. em 17/02/13, 05:56 pm

Olá,

Adicione ao seu css:
Código:
.botaolog:link, .botaolog:visited, .botaolog:hover, .botaolog:visited { color: #FFF;}

.botaolog {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background-color: #0DA8BB;
    border-radius: 6px;
    padding: 10px 6px 10px;
    display: block;
    border-width: 1px 1px 3px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.16);
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
  text-shadow:#077a88 -1px -1px;
}

.botaolog:hover {
    background-color: #22D5E7;
cursor:pointer;
}
.botaolog a{color:#fff !important;}

.botaolog:active {
    border-width: 1px;
    padding: 12px 6px 10px;
}

Adicione um widget sem table type com o seguinte código:
Código:
<form action="/login" method="post" name="form_login">
              <p align="center"><br>
               
               
               
                <input name="username" type="text" style="width:207px; font: 12px Verdana, Arial, Helvetica, sans-serif;  color:#FFF;  height:33px; background:url(http://i43.servimg.com/u/f43/16/73/94/18/gevsv13.png) no-repeat; padding-left:30px; border:0px; font-weight:bold; text-shadow:#077a88 -1px -1px; " title="Digite seu nick" onblur="if(this.value==''){this.value='Nome de usuário'}" onclick="if(this.value=='Nome de usuário'){this.value=''}" value="Nome de usuário" size="22"></p><div id="separar"></div>
 <input name="password" type="password" style="width:200px; font: 12px Verdana, Arial, Helvetica, sans-serif;  color:#FFF;  height:33px; background:url(http://i43.servimg.com/u/f43/16/73/94/18/qwlmr13.png) no-repeat; padding-left:30px; border:0px; font-weight:bold; text-shadow:#077a88 -1px -1px; title=" digite="" sua="" senha"="" onblur="if(this.value==''){this.value='Senha'}" onclick="if(this.value=='Senha'){this.value=''}" value="Senha" size="22"><br><br>
<center><input type="hidden" name="redirect" value=""><input type="hidden" name="query" value=""><button type="submit" name="login" tabindex="6" class="botaolog">Entrar no fórum</button></center>
                <br>
              <p></p>
              <p align="center"><a href="/h18-" target="_blank"><span class="style1">Registre-se</span></a>
                                <br>
                </p>
            </form>
avatar

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

Ver perfil do usuário http://suportedesign.forumeiros.com/

Resolvido Re: Como coloco esse estilo de login

Mensagem por JhonatanKoi em 17/02/13, 08:47 pm

Obrigado se puder quero tambem como colocar aquele slide
avatar

JhonatanKoi
Nível 3

Masculino
Inscrito dia : 25/01/2013
Mensagens : 23
Pontos Ativos : 33

Ver perfil do usuário http://toon.forumfacil.net/

Resolvido Re: Como coloco esse estilo de login

Mensagem por JonasB. em 18/02/13, 02:29 pm

Olá,

Lamento, mas você só pode ter uma duvida por tópico!
avatar

JonasB.
Usuário avançado

Masculino
Inscrito dia : 30/07/2012
Mensagens : 481
Pontos Ativos : 643

Ver perfil do usuário http://suportedesign.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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