Código css da caixa de busca

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

Resolvido Código css da caixa de busca

Mensagem por Showman em 01/10/12, 12:02 pm

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
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

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

Resolvido Re: Código css da caixa de busca

Mensagem por Sr.pepek em 01/10/12, 12:31 pm

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

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: Código css da caixa de busca

Mensagem por Nickname em 01/10/12, 12:35 pm

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://illiweb.com/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
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

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

Resolvido Re: Código css da caixa de busca

Mensagem por Showman em 01/10/12, 12:46 pm

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
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

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

Resolvido Re: Código css da caixa de busca

Mensagem por Nickname em 01/10/12, 12:50 pm

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://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}

Cordialmente
Upload

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

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

Resolvido Re: Código css da caixa de busca

Mensagem por Showman em 01/10/12, 12:55 pm

Agora sim Resultou,obrigado.

Duvida Resolvida.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.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