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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Mudar layout e texto de confirmação captcha
Hoje à(s) 12:52 por Luiz~

» Retirar esta parte do topico - 2
Hoje à(s) 11:56 por Luiz~

» Erro no CNAME
Hoje à(s) 11:53 por Luiz~

» Mensagem automática
Hoje à(s) 11:46 por Luiz~

» Bug em relação a página de início
Hoje à(s) 11:39 por Luiz~

» Botões não clicáveis
Hoje à(s) 11:36 por Luiz~

» Desativar sistema de enquete (pergunta / votação)
Hoje à(s) 11:32 por Luiz~

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
203 usuários online :: 5 usuários cadastrados, 1 Invisível e 197 Visitantes :: 1 Motor de busca

Appoloz, dharrison, joaozinho_bosco, Luiz~, Troubleshoot

[ 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 - 20: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 - 22:51, editado 1 vez(es)

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 172
Pontos Ativos : 508

http://atelier262.forumeiros.com/

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

Mensagem por Hancki em Sex 22 Abr 2016 - 20: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

Hancki
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8033
Pontos Ativos : 14664

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

Vinicius Reis
Nível 9

Masculino
Inscrito dia : 22/04/2016
Mensagens : 172
Pontos Ativos : 508

http://atelier262.forumeiros.com/

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

Mensagem por Hancki em Sex 22 Abr 2016 - 21: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

Hancki
Desenvolvedor
Desenvolvedor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8033
Pontos Ativos : 14664

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5