InícioBuscar novo da forumeiros
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Buscar novo da forumeiros
por Gabriel Cutolo 14.03.12 18:11
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
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
Gabriel Cutolo- ***
- Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241 -
Re: Buscar novo da forumeiros
por MateusV. 14.03.12 18:14
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://2img.net/i/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;
}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Buscar novo da forumeiros
por Gabriel Cutolo 14.03.12 18:18
Não resultou ! Apenas deixou meu buscar feio :C
Gabriel Cutolo- ***
- Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241 -
Re: Buscar novo da forumeiros
por MateusV. 14.03.12 18:21
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;
}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Buscar novo da forumeiros
por Gabriel Cutolo 14.03.12 18:23
Ele ficou maior, só que não da o efeito para o lado e o botao buscar ficou pequeno !
Gabriel Cutolo- ***
- Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241 -
Re: Buscar novo da forumeiros
por MateusV. 14.03.12 18:25
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;
}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Buscar novo da forumeiros
por Gabriel Cutolo 14.03.12 18:27
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;
}
Gabriel Cutolo- ***
- Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241 -
Re: Buscar novo da forumeiros
por MateusV. 14.03.12 18:35
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}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Gabriel Cutolo- ***
- Membro desde : 27/07/2011
Mensagens : 143
Pontos : 241 -
Tópicos semelhantes» [TUTORIAL] Instalação do Font Awesome no fórum
» Forumeiros é confiável a longo prazo? Forumeiros terá fim?
» Novo concurso Forumeiros: vídeos Forumeiros!
» Buscar FdF
» Buscar com um bug
» Forumeiros é confiável a longo prazo? Forumeiros terá fim?
» Novo concurso Forumeiros: vídeos Forumeiros!
» Buscar FdF
» Buscar com um bug
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
