Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosImagem de fundo na caixa de busca
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Imagem de fundo na caixa de busca
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~
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- Super Membro
- Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977 -
Re: Imagem de fundo na caixa de busca
por Cream 22.07.11 21:41
Olá,
1° dúvida:
Vermelho -> Troque por sua imagem de fundo.
2° dúvida:
Código:
Não sabe utilizar o código? - Tutorial
Atenciosamente!
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:
- 1º - 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)
Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
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.
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.
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).
2º - 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á:
Por exemplo, no FdF:<script src="ENDERECO-DA-PAGINA-HTML"></script><script src="https://ajuda.forumeiros.com/h1-codigo"></script>
Atenciosamente!
Cream- Membro Entusiasta
- Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644 -
Re: Imagem de fundo na caixa de busca
por Jpjupa 22.07.11 23:10
Não deu certo nenhuma das duas.
Aguardo.
Aguardo.
Jpjupa- Super Membro
- Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977 -
Re: Imagem de fundo na caixa de busca
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
Visualização Imagens e Cores Cores Folha de estilo CSS
E adicione este código, já pronto:
Caso queira mover o buscar para o topo do fórum diga!
Resultou? Se não, me diga a versão do seu fórum!
Até mais.
Veja este código para a caixa de busca, adicione a sua folha de estilo CSS do Fórum: Painel
Visualização Imagens e Cores Cores Folha de estilo CSSE 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!
Resultou? Se não, me diga a versão do seu fórum!
Até mais.
Mikáá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Imagem de fundo na caixa de busca
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- Super Membro
- Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977 -
Re: Imagem de fundo na caixa de busca
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.
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áá- Hiper Membro
- Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014 -
Re: Imagem de fundo na caixa de busca
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):
Crie uma nova página com o título que desejar e marque a opção "Em todas as páginas".
Até mais.
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()})});
Crie uma nova página com o título que desejar e marque a opção "Em todas as páginas".
Até mais.
Solkis- Membro Entusiasta
- Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071 -
Re: Imagem de fundo na caixa de busca
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...
Em vez de colocar uma imagem , quero arredondar a caixa de busca , é mais facil...
Jpjupa- Super Membro
- Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977 -
Re: Imagem de fundo na caixa de busca
por Solkis 23.07.11 14:30
Bom dia,
Coloque este código:
Coloque este código:
- Código:
#page-header #search-box input {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
Solkis- Membro Entusiasta
- Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071 -
Jpjupa- Super Membro
- Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977 -
Re: Imagem de fundo na caixa de busca
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!
Até mais.
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!
Até mais.
Solkis- Membro Entusiasta
- Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071 -
Jpjupa- Super Membro
- Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977 -
Re: Imagem de fundo na caixa de busca
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.
Primeiro, mude seu perfil, está como IE!
E esta linha "-moz-border-radius: 10px;" é a que surte efeito no Firefox...
Até mais.
Solkis- Membro Entusiasta
- Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071 -
Re: Imagem de fundo na caixa de busca
por Jpjupa 23.07.11 17:13
Coloca como resolvido , cansei.
Nada funciona.
Nada funciona.
Jpjupa- Super Membro
- Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977 -
Tópicos semelhantes» Colocar imagem de fundo na função de busca
» Fundo da caixa de respota com imagem
» Imagem de fundo da caixa de chat
» Caixa de busca
» Colocar imagem de fundo na caixa de edição de mensagem
» Fundo da caixa de respota com imagem
» Imagem de fundo da caixa de chat
» Caixa de busca
» Colocar imagem de fundo na caixa de edição de mensagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos