Caixa de login como essa

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

Resolvido Caixa de login como essa

Mensagem por Jpjupa em 26/01/12, 11:11 pm

Qual é minha questão:
http://forum-frito.forumeiros.com/forum
Queria uma caixa de login como essa, mas quero modificações nela.

Quero que ao passar o mouse, o traçado e a forma da caixa sejam as mesmas e não mudem.

Aguardo.

Medidas que eu tomei para corrigir o problema:
Aguardo.

Imagens do meu problema:
Aguardo.

Endereço do meu fórum:
http://www.rb-forum.net/forum

Versão do meu fórum:
PHPBB3
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Caixa de login como essa

Mensagem por Convidad em 26/01/12, 11:43 pm

Olá,

O código da caixa de login é este:

Código:
    /* Caixa de busca por SUPERO*/
    #search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
    background: transparent url(http://i43.servimg.com/u/f43/16/43/60/45/caixad11.png) no-repeat center;}
    #search-box input.button2 {display: none;}
    #search-box {padding-bottom: 5px !important;}
    #search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
    #search-box input {border: none !important;background: none;}
    #search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
    /* Fim da caixa de busca */
ul.search{
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}

Adicione em:
Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.

Apenas não entendi esta modificação que quer fazer.
Até mais. Piscada

Convidad
Convidado


Resolvido Re: Caixa de login como essa

Mensagem por Jpjupa em 27/01/12, 09:50 am

Tipo, passe o mouse ou clique para digitar, ela muda de formato.
Eu queria que continuasse no mesmo formato.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Caixa de login como essa

Mensagem por Jpjupa em 28/01/12, 11:35 pm

UP, Aguardo.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Caixa de login como essa

Mensagem por Convidad em 29/01/12, 01:56 am

Olá,

Não dá para fazer muita coisa, mais veja se ficou como deseja:

Código:
/* Caixa de busca por SUPERO*/
    #search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
    background: transparent url(http://i43.servimg.com/u/f43/16/43/60/45/caixad11.png) no-repeat center;}
    #search-box input.button2 {display: none;}
    #search-box {padding-bottom: 5px !important;}
    #search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16 px;font-style: bold;font-weight: bold;background: transparent;}
    #search-box input {border: none !important;background: none;}
    #search-box input.search {background: none;margin-left: 47px;margin-top: 20px;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}
    /* Fim da caixa de busca */
ul.search{
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}

Substitua pelo código já introduzido e salve.
Até mais. Piscada

Convidad
Convidado


Resolvido Re: Caixa de login como essa

Mensagem por Jpjupa em 29/01/12, 09:40 am

Deiixa, não esta aplicando.
Pode fechar.

Resolvido.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

Ver perfil do usuário http://ajuda.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