Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Criar código com imagens e links de especies
Hoje à(s) 09:27 am por EDU2010

» Como pedir análise de fórum?
Ontem à(s) 11:00 pm por virus

» Novos tópicos
Ontem à(s) 08:31 pm por IsmaelS.

» Slide em todas as páginas
Ontem à(s) 08:29 pm por IsmaelS.

» Personalizar Likes
Ontem à(s) 07:39 pm por iScroll

» Templates/CSS
Ontem à(s) 05:47 pm por Taxy_InSaniTy

» tem como adicionar esse recurso de mensagem
Ontem à(s) 05:41 pm por soldado

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
203 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 198 Visitantes :: 2 Motores de busca

EDU2010, LeoziN_WallkeR, LinkinMand, Luiz, MARCUS198O

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como mudar a imagem da lupa (busca)

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

Resolvido Como mudar a imagem da lupa (busca)

Mensagem por Vinicius Reis em 22/04/16, 05:10 pm

Detalhes da questão


Endereço do fórum: http://atelier262.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Eu queria mudar mais não sei onde é, provável que já tenha esse tópico mais não achei

Queria mudar o visual que está assim:
http://i.imgur.com/JglWBg5.png

Para assim:
http://i.imgur.com/KrC6Slq.png

Obrigado.


Última edição por Vinicius Reis em 22/04/16, 07:51 pm, editado 1 vez(es)
avatar

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 194
Pontos Ativos : 264

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

Resolvido Re: Como mudar a imagem da lupa (busca)

Mensagem por Hancki em 22/04/16, 05:45 pm

Olá!

Adicione este CSS na sua folha de estilos:
Código:
#search input[value="Buscar"] {
        background: url('http://i.imgur.com/zKewnXy.png') no-repeat white center !important;
        border: 1px solid white !important;
        font-size: 0px !important;
        height: 26px !important;
        width: 40px !important;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
}
#search-box #keywords {
        color: grey !important;
        border: 1px solid silver !important;
        background: black !important;
        padding-left: 4px;
        height: 20px;
        font-size: 13px;
        width: 150px !important;
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8045
Pontos Ativos : 12029

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Como mudar a imagem da lupa (busca)

Mensagem por Vinicius Reis em 22/04/16, 05:58 pm

Nossa obrigado de novo!...

Não teria como deixar o fundo dela um pouco mais claro; o fundo dela está assim:
http://prntscr.com/avlwy7
avatar

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 194
Pontos Ativos : 264

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

Resolvido Re: Como mudar a imagem da lupa (busca)

Mensagem por Hancki em 22/04/16, 06:17 pm

Substitua por este abaixo, o preto vai ficar mais claro:
Código:
#search input[value="Buscar"] {
        background: url('http://i.imgur.com/zKewnXy.png') no-repeat white center !important;
        border: 1px solid white !important;
        font-size: 0px !important;
        height: 26px !important;
        width: 40px !important;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
}
#search-box #keywords {
        color: grey !important;
        border: 1px solid silver !important;
        background: #272822!important;
        padding-left: 4px;
        height: 20px;
        font-size: 13px;
        width: 150px !important;
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8045
Pontos Ativos : 12029

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

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