Imagem de fundo na caixa de busca

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

Resolvido Imagem de fundo na caixa de busca

Mensagem por Jpjupa em 22/07/11, 05:06 pm

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~
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Cream em 22/07/11, 05:41 pm

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:
- Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML
(carregue na imagem para aumentar)

Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
Seta Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.

Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.


Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).



- Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.

(carregue na imagem para aumentar)

O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/h1-codigo"></script>

Atenciosamente!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa em 22/07/11, 07:10 pm

Não deu certo nenhuma das duas.

Aguardo.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Mikáá em 22/07/11, 07:13 pm

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://illiweb.com/fa/pbucket.gif) 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.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa em 22/07/11, 07:15 pm

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

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Mikáá em 22/07/11, 07:16 pm

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.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Solkis em 23/07/11, 09:51 am

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.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa em 23/07/11, 10:22 am

Olhe , o negocio do titulo deu certo.

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

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Solkis em 23/07/11, 10:30 am

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.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

Ver perfil do usuário http://ajuda.forumeiros.com
  • 0

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa em 23/07/11, 10:32 am

Não funciona --'
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Solkis em 23/07/11, 10:36 am

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.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa em 23/07/11, 10:37 am

uso firefox 6.0 '-'
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Solkis em 23/07/11, 10:46 am

Bom dia,

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

Até mais.
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Imagem de fundo na caixa de busca

Mensagem por Jpjupa em 23/07/11, 01:13 pm

Coloca como resolvido , cansei.

Nada funciona.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

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