Humor Nota 10!

Você não está conectado. Conecte-se ou registre-se

[TUTORIAL] Botões de Confirmação Estilo Facebook

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

TheLord

avatar
Administrador
Administrador
Botões de Confirmação Estilo Facebook

Neste Tutorial Inédito e Exclusivo,Iremos aprender como deixar os botões do Fórum ao Estilo do Facebook,Com Apenas códigos CSS


-> Código CSS <--
Adicione o Código Abaixo em
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Adicione este código No seu CSS
Código PUNBB, PHPBB3 e PHPBB2

Código:

input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background: #DDD;
border-bottom-color: #999;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
}

input[type="button"], input[type="reset"], input[type="submit"] {
padding: 3px 9px 3px 9px;
background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -54px;
background-color: #EEE;
border: 1px solid #999;
border-bottom-color: #888;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
color:#333;
cursor:pointer;
font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
font-weight: bold;}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);
background-repeat: no-repeat;
background-size: auto;
background-position: -352px -103px;
background-color: #5B74A8;
border-color: #29447E #29447E #1A356E;
color:white !important;
font-weight:bold;
cursor: pointer;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  background-position: -352px -09px;
}

Resultado
Veja o Resultado Aqui : ponteiro [Você precisa estar registrado e conectado para ver este link.]

Créditos: LucasRPG & SP-Design

http://humor-nota10.olympicweb.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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