Código css da caixa de busca

3 participantes

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

Tópico resolvido Código css da caixa de busca

Mensagem por Showman 01.10.12 16:02

Qual é minha questão:
Olá eu gostaria do código css da caixa de busca do fórum dos fóruns.

Obrigado.

Links e imagens do meu problema:
Não é nescessário

Endereço do meu fórum:
http://narutonewageforum.forumeiros.com/

Versão do meu fórum:
PHPBB3
Showman

Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código css da caixa de busca

Mensagem por Sr.pepek 01.10.12 16:31

Fala, quando vocÊ clica na caixa ai fáz aquele efeito ? "
avatar

Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código css da caixa de busca

Mensagem por Nickname 01.10.12 16:35

Olá,
Faça o seguinte procedimento:
Painel de controle >> Visualização >> Imagens e cores >> Cores >> Folha de estilo CSS
Código:
.search-box{float:left;margin-left:5px;margin-top:3px}#search-box{float:right;margin-right:5px;margin-top:10px;white-space:nowrap}* html #search-box{margin-right:35px}#search-box #keywords{background-color:#fff;width:95px},#search-box input{border:1px solid #BCBCBC}#search-box input.button1{padding:1px 5px}input.search{background:url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;background-position:0 -701px;padding-left:17px}
#search #keywords:focus{width:290px}#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}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}

Cordialmente
Upload
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: Código css da caixa de busca

Mensagem por Showman 01.10.12 16:46

Obrigado,mas o que quero não é que ela fique maior mais sim que o visual da caixa fique igual a o do fórum dos fóruns
Showman

Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código css da caixa de busca

Mensagem por Nickname 01.10.12 16:50

Olá,
Troque o código acima, pelo seguinte código:
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;
}

Cordialmente
Upload
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: Código css da caixa de busca

Mensagem por Showman 01.10.12 16:55

Agora sim Resultou,obrigado.

Duvida Resolvida.
Showman

Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.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