Imagem de fundo na caixa de busca

4 participantes

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

Tópico resolvido Imagem de fundo na caixa de busca

Mensagem por Jpjupa 22.07.11 21:06

Antigamente o fundo do ''Buscar'' era uma imagem , eu queria saber como colocar uma imagem personalizada no fundo do ''Buscar''.

E a outra dúvida , como colocar para não conseguirem colocar letras maiusculas no meio do título do tópico , apenas colocarem no Início.

Obrigado , e aguardo suporte!
Power-Habbo Fórum~
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Cream 22.07.11 21:41

Olá,

1° dúvida:
/* Caixa de busca */
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
background: transparent url(LINK) 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 */

Vermelho -> Troque por sua imagem de fundo.

2° dúvida:
Código:
Código:

    ;function ctitle(){t=$('input[name=subject]').attr('value');t1=t.substring(0,1).toUpperCase();t2=t.substring(1,250).toLowerCase();t=t1+t2;jQuery('input[name=subject]').attr('value',t)}$(document).ready(function(){$('input[name=subject]').keyup(function(){ctitle()})});

Não sabe utilizar o código? - Tutorial
Spoiler:

Atenciosamente!
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa 22.07.11 23:10

Não deu certo nenhuma das duas.

Aguardo.
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Mikáá 22.07.11 23:13

Olá boa noite,
Veja este código para a caixa de busca, adicione a sua folha de estilo CSS do Fórum: Painel Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de estilo CSS

E adicione este código, já pronto:
Código:
    /* Caixa de busca */
    #search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -150px;display: inline;
    background: transparent url(http://i1211.photobucket.com/albums/cc426/Griever93/fdf/CaixadePesquisa-1.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 */

Caso queira mover o buscar para o topo do fórum diga! Piscada
Resultou? Se não, me diga a versão do seu fórum!

Até mais.
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa 22.07.11 23:15

Quero que mude a do topo ali em cima , para a imagem velha da forumeiros ou poderia sugerir outras imagens ? Obrigado !
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Mikáá 22.07.11 23:16

Olá novamente,
O código que lhe passei é o busca antigo! Deseja mover o busca é?
Descreva mais o seu problema de como deseja o busca por-favor!

Até mais.
Mikáá

Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Solkis 23.07.11 13:51

Bom dia,

Para o código que o Profile passou, referente à segunda dúvida, ele está certo sim, o problema é que não foi colocado no lugar correto! Agora existe um local somente para isso.

Portanto, adicione este código (o que ele passou, mas com espaços):
Código:
function ctitle()
{
   t=$('input[name=subject]').attr('value');
   t1=t.substring(0,1).toUpperCase();
   t2=t.substring(1,250).toLowerCase();
   t=t1+t2;
   jQuery('input[name=subject]').attr('value',t)
}
$(document).ready(function(){$('input[name=subject]').keyup(function(){ctitle()})});
Em Painel de controle -> Módulos -> HTML e Javascript -> Gestão das páginas JavaScript.
Crie uma nova página com o título que desejar e marque a opção "Em todas as páginas".

Até mais.
Solkis

Solkis
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa 23.07.11 14:22

Olhe , o negocio do titulo deu certo.

Em vez de colocar uma imagem , quero arredondar a caixa de busca , é mais facil...
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Solkis 23.07.11 14:30

Bom dia,

Coloque este código:
Código:
#page-header #search-box input {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
Até mais.
Solkis

Solkis
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa 23.07.11 14:32

Não funciona --'
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Solkis 23.07.11 14:36

Bom dia,

Na verdade funciona, somente não aparece pois você está usando uma versão do Internet Explorer que não é compatível com tal efeito, tente o Chrome, que para mim é o melhor de todos os navegadores! Mas o IE 9 aceita o efeito da borda também! Feliz

Até mais.
Solkis

Solkis
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa 23.07.11 14:37

uso firefox 6.0 '-'
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Solkis 23.07.11 14:46

Bom dia,

Primeiro, mude seu perfil, está como IE!
E esta linha "-moz-border-radius: 10px;" é a que surte efeito no Firefox...

Até mais.
Solkis

Solkis
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa 23.07.11 17:13

Coloca como resolvido , cansei.

Nada funciona.
Jpjupa

Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos