Como coloco esse estilo de login

Qual é minha questão:

Se bugar https://i.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

up

up

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

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>

Obrigado se puder quero tambem como colocar aquele slide

Olá,

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