Como mudar a imagem da lupa (busca)
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Como mudar a imagem da lupa (busca)
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:
https://i.imgur.com/JglWBg5.png
Para assim:
https://i.imgur.com/KrC6Slq.png
Obrigado.
Última edição por Vinicius Reis em 22.04.16 23:51, editado 1 vez(es)
Re: Como mudar a imagem da lupa (busca)
Olá!
Adicione este CSS na sua folha de estilos:
Hancki
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
Re: Como mudar a imagem da lupa (busca)
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
Não teria como deixar o fundo dela um pouco mais claro; o fundo dela está assim:
http://prntscr.com/avlwy7
Re: Como mudar a imagem da lupa (busca)
Substitua por este abaixo, o preto vai ficar mais claro:
Hancki
- 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
Tópicos semelhantes
» Como remover lupa do caixa de busca?
» Alterar a imagem da lupa em "buscar"
» Como mudar a imagem da assinatura
» Como mudar essa imagem
» Como mudar essa imagem?
» Alterar a imagem da lupa em "buscar"
» Como mudar a imagem da assinatura
» Como mudar essa imagem
» Como mudar essa imagem?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos