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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Bug nos modelos de postagem.
Hoje à(s) 17:24 por Luiz~

» Melhorar a popularidade do fórum
Hoje à(s) 17:24 por Luiz~

» Modificação nos ranks
Hoje à(s) 17:23 por Luiz~

» Apenas o Dono ve os templates
Hoje à(s) 17:23 por Luiz~

» Barra de posts
Hoje à(s) 17:22 por Luiz~

» Criar uma página HTML para menu
Hoje à(s) 17:20 por Luiz~

» Logo Móvel
Hoje à(s) 17:06 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
286 usuários online :: 10 usuários cadastrados, 1 Invisível e 275 Visitantes :: 2 Motores de busca

Connor R., iScroll, Jefferson105, Kyo Panda, Luiz~, Oliver Miller, PESS_dodo, Shek Crowley, Thomazinny, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sex 22 Abr 2016 - 21:10

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 Sex 22 Abr 2016 - 23:51, editado 1 vez(es)
avatar

Vinicius Reis
Nível 9

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

http://atelier262.forumeiros.com/

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

Mensagem por Hancki em Sex 22 Abr 2016 - 21:45

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 14742

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 Sex 22 Abr 2016 - 21:58

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 : 606

http://atelier262.forumeiros.com/

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

Mensagem por Hancki em Sex 22 Abr 2016 - 22:17

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8038
Pontos Ativos : 14742

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