Como colocar a caixa de busca como a do fdf

4 participantes

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

Tópico resolvido Como colocar a caixa de busca como a do fdf

Mensagem por Nickname 09.03.12 21:28

Qual é minha questão:
Gostaria de saber o codigo para colocar a caixa de busca se abrindo quando clica nela ?

Medidas que eu tomei para corrigir o problema:
.

Links e imagens do meu problema:
.

Endereço do meu fórum:
owner.umforum.net

Versão do meu fórum:
PHPBB3
Nickname

Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1553
Pontos : 2049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por Roevs 09.03.12 21:29

Olá coloque este código em seu CSS

Código:
#search #keywords {
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 150px;
}
#search-box #keywords {
background-color: white;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: white;
border: 1px solid #D9D9D9;
border-width: 1px;
color: black;
height: 23px;
}
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por Nickname 09.03.12 21:33

Não funcionou
Nickname

Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1553
Pontos : 2049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por MateusV. 09.03.12 21:35

Olá, coloque este codigo
Código:
#search #keywords {
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 150px;
}
Cordialmente.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por Nickname 09.03.12 21:37

Não funcionou
Nickname

Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1553
Pontos : 2049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por MateusV. 09.03.12 21:42

Olá, poderia me mandar o conteudo de seu CSS?
Cordialmente.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por Nickname 09.03.12 21:45

Código:
#search #keywords {
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
width: 150px;
}
#search-box #keywords {
background-color: white;
width: 95px;
}
#search-box input {
-moz-box-sizing: content-box;
background: white;
border: 1px solid #D9D9D9;
border-width: 1px;
color: black;
height: 23px;
}
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}

Até mais
Nickname

Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1553
Pontos : 2049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por MateusV. 09.03.12 21:47

Olá, tem certeza que é apenas isto? Procure esta tag em seu CSS
Código:
}Caixa de busca
Retire-a e salve (também retire o "}").
Cordialmente.
MateusV.

MateusV.
Membro Entusiasta
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por Nickname 09.03.12 21:49

Olá
é somente isso pois estou criando um novo tema para o meu fórum
Nickname

Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1553
Pontos : 2049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por Josh 11.03.12 12:23

Bom dia,

Autor, substitua por este código na sua CSS:
Código:


#search-box input.button2 {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 29px;
    line-height: 27px;
    margin: 11px 6px;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
}
p.nomargin {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-bottom: 0;
}

#search-box #keywords {
    background-color: #FFFFFF;
    width: 95px;
}

#search-box input {
    -moz-box-sizing: content-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D9D9D9;
    color: #000000;
    height: 23px;
}

#search-box {
    float: right;
    margin-right: 5px;
    margin-top: 10px;
    white-space: nowrap;
}

Caso não funcione, adicione este outro código na homepage (e mantenha o da CSS):
Código:
<form id="search" action="/search?search_where=11" method="get"><p class="nomargin"><input type="text" onblur="if (this.value == '') this.value = 'Buscar...';" onclick="if (this.value == 'Buscar...') this.value = '';" value="Buscar..." class="inputbox search" maxlength="128" id="keywords" name="search_keywords"><input type="submit" value="Buscar" class="button2"></p></form>

Até ;]
Josh

Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar a caixa de busca como a do fdf

Mensagem por Nickname 11.03.12 19:26

Não funcionou mas agradeço pelos codigos
podem fechar o tópico

Até mais
Nickname

Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1553
Pontos : 2049

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