Buscar novo da forumeiros

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

Resolvido Buscar novo da forumeiros

Mensagem por Gabriel Cutolo em 14/03/12, 03:11 pm

Qual é minha questão:
Eu criei faz pouco tempo, um forum pra teste, de temas, esse ai em cima.
E eu queria saber como eu faço esse novo Buscar da forumeiros + o efeito que aumenta ele. Poderiam me ajudar ?

Medidas que eu tomei para corrigir o problema:
Procurar vocês

Links e imagens do meu problema:
Nenhuma!

Endereço do meu fórum:
http://dd-themes.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

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

Resolvido Re: Buscar novo da forumeiros

Mensagem por MateusV. em 14/03/12, 03:14 pm

Olá, adicione este codigo em seu CSS
Código:
#search #keywords {
-webkit-transition: all 1s ease-in-out;
}
#search-box #keywords {
}
#search-box input {
background: white;
border: 1px solid #D9D9D9;
border-width: 1px;
}
.inputbox:hover {
border: 1px solid #1675BC;
}
input.search {
background: url(http://illiweb.com/fa/sprite_prosilver_navbar.png) no-repeat 0px -701px;
background-position: 0px -701px;
}
input.inputbox {
}
.inputbox {
border: 1px solid #BCBCBC;
padding: 2px;
}
input {
padding: 0px 3px;
}
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Buscar novo da forumeiros

Mensagem por Gabriel Cutolo em 14/03/12, 03:18 pm

Não resultou ! Apenas deixou meu buscar feio :C
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

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

Resolvido Re: Buscar novo da forumeiros

Mensagem por MateusV. em 14/03/12, 03:21 pm

Olá, substitua-o por este
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;
border-image: initial;
}
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Buscar novo da forumeiros

Mensagem por Gabriel Cutolo em 14/03/12, 03:23 pm

Ele ficou maior, só que não da o efeito para o lado e o botao buscar ficou pequeno !
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

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

Resolvido Re: Buscar novo da forumeiros

Mensagem por MateusV. em 14/03/12, 03:25 pm

Olá, eu teste este codigo, e resultou, mas substitua-o por este
Código:
#search-box {
-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 #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.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Buscar novo da forumeiros

Mensagem por Gabriel Cutolo em 14/03/12, 03:27 pm

Mano, não é algum problema no meu css? se for abaixo ele :
css do meu forum:

Código:

/*Corpo do Fórum*/
body {
  background-color:#000;
  background-image:url();
}

#wrap {
  width:1100px;
  border:1px solid #CADCEB;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
}
/*Header*/
.headerbar {
  background-color:transparent !important;
  background-image:url() !important;
}
#logo-desc p{
  color:#FFF;
  font-size:24px;
  padding-top:25px;
  padding-bottom:15px;
  text-shadow:2px 1px 3px #000;
}
#logo-desc {
  border:1px solid #CCC;
  height:80px;
  width:400px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -webkit-box-shadow:1px 1px 2px #999;
  -moz-box-shadow:1px 1px 2px #999;
}
/*Menu*/
#page-header .navbar {
  background-color:transparent !important;
  background-image:url() !important;
}
#page-header .navbar a:hover {
  color:#000;
  border-bottom:3px solid #0F0;
  text-shadow:1px 1px 2px #666;
}
#page-header ul.linklist {
  border-bottom: 1px solid #0372BE;
}
/*Buscar*/
#search-box {
-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 #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;
}
/*Titulo dos Tópicos*/
h1.page-title a {
 background: url() no-repeat scroll 0 0 transparent;
 display: block;
 font-size: .8em;
 font-style: italic;
 height: 35px;
 padding-left: 30px;
 text-shadow: 1px 1px 2px lightBlue;
}
/*Autor dos Topicos*/
p.author {
 -moz-border-radius: 0 6px 6px 0;
 -o-border-radius: 0 6px 6px 0;
 -webkit-border-radius: 0 6px 6px 0;
 background: none repeat scroll 0 0 white;
 border: 1px solid #C3E0F1;
 border-radius: 0 6px 6px 0;
 border-left:0;
 color: #232323;
 left: -11px;
 margin-top: 7px;
 padding-left: 3px;
 padding-top: 3px;
 position: relative;
 width: 275px;
 margin-left:1px;
}
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

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

Resolvido Re: Buscar novo da forumeiros

Mensagem por MateusV. em 14/03/12, 03:35 pm

Olá, adicione este codigo em seu CSS
Código:
#search-box{margin-bottom:5px}search-box input.button2{-webkit-border-radius:2px;-webkit-user-select:none;background-color:#f5f5f5;background-image:-o-linear-gradient(top,whiteSmoke,#F1F1F1);border:1px solid rgba(0,0,0,0.1);border-radius:2px;color:#666;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}#search-box input{-moz-box-sizing:content-box;background:#fff;border:1px solid #D9D9D9;border-width:1px;color:#000;height:23px}#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}
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Buscar novo da forumeiros

Mensagem por Gabriel Cutolo em 14/03/12, 03:57 pm

Funcionou ! Muito obrigado !
avatar

Gabriel Cutolo
Nível 8

Masculino
Inscrito dia : 27/07/2011
Mensagens : 143
Pontos Ativos : 241

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