Adicionar buscar no forum

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

Resolvido Adicionar buscar no forum

Mensagem por #Dean em 19/06/13, 07:34 pm

Qual é minha questão:
Olá gostaria de saber como eu coloco um buscar aqui como mostra a print.



Se bugar http://i.imgur.com/Nt7Bdov.png

Eu queria uma igual essa aqui:



Se bugar: http://i.imgur.com/0nzguYk.png

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

Versão do fórum:
PHPBB2


Última edição por !NexT em 21/06/13, 02:28 pm, editado 1 vez(es)
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Adicionar buscar no forum

Mensagem por Sennior em 19/06/13, 09:36 pm

Viva amigo! Muito feliz

Bem, penso que já tem este 'Buscar' no seu fórum. Me conceda teu CSS por gentileza amigo. Piscada

Abraços!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Adicionar buscar no forum

Mensagem por MateusA em 20/06/13, 10:48 am

Olá! Estilo cool

Aceda à "overall_header":
Painel de Controle Seta Visualização Seta Templates Seta Geral Seta overall_header
Procure por:
Código:
<tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                                          </tr>

Seta Antes de fechar o </table> que vai se encontrar abaixo do </tr> adicione o código abaixo:
Código:
        <td><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></td>

Salve e Publique!

Seta Verifique se a opção Forçar os modelos padrão : esta marcada sim, se estiver, marque não.

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS

Código:

Código:
#search {
 margin-left: 550px;
}

Seta No código acima, procure por 550, vai aumentando e diminuindo para posicionar.

Valide.

Até mais. Rindo
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Adicionar buscar no forum

Mensagem por #Dean em 20/06/13, 12:57 pm

Cʀɑzy escreveu:Olá! Estilo cool

Aceda à "overall_header":
Painel de Controle :seta:Visualização :seta:Templates :seta:Geral :seta:overall_header
Procure por:
Código:
<tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                                          </tr>

Seta Antes de fechar o </table> que vai se encontrar abaixo do </tr> adicione o código abaixo:
Código:
        <td><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></td>

Salve e Publique!

Seta Verifique se a opção Forçar os modelos padrão : esta marcada sim, se estiver, marque não.

Aceda à "Folha de Estilos CSS":
Painel de Controle :seta:Visualização  Seta Imagens e Cores :seta:Cores  Seta  Folha de Estilos CSS

Código:

Código:
#search {
 margin-left: 550px;
}

Seta No código acima, procure por 550, vai aumentando e diminuindo para posicionar.

Valide.

Até mais. Rindo

Somente os templates das versões phpBB2 e PunBB poderão ser modificados.

Aqui meu CSS Miké:

Código:
div.topic-title-container {
   display: inline;
   font-size: 12px;
   text-align: center;
   }
#page-header #search-box {
display: none;
}
em{
font-style: normal;
}


.module .postbody .postbody-head {
background-color: #e5e6e7;
}

.post-footer {
background-color: #CCCCCC;
}

.post .post-header {
background-color: #CCCCCC;
}




.headerbar {margin-bottom:0;}

blockquote {
background-color:#CCCCCC;
}


a {
outline: none;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://img223.imageshack.us/img223/8213/gamesn.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

#page-header .navbar {
-moz-border-radius: 0px 0px 0px 0px;
margin-left:-6px;
margin-right: -6px;
}

.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

ul.topiclist.forums li.row:hover .desc-search {
visibility: visible;
}
.desc-search {
visibility: hidden;
margin: 3px 0 0;
}
.desc-search .inputbox {
width: 180px;
}
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Adicionar buscar no forum

Mensagem por North em 20/06/13, 04:16 pm

Boa tarde,

Experimente este código:
Aceda à:
Painel de controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Código:
#search-box #keywords {
-moz-border-radius: 3px 4px 4px 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: rgb(255, 255, 255);
border: 1px solid #000;
border-radius: 3px 4px 4px 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
color: rgb(119, 14, 14);
height: 15px;
padding: 5px 30px 5px 10px;
width: 200px;
}

Funciona?
Até mais.
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Adicionar buscar no forum

Mensagem por MateusA em 20/06/13, 05:30 pm

Olá!

Sua versão não e Phpbb2? peço que informe a versão correta para que possamos lhe ajudar.

Troque sua CSS por essa:
Código:
        div.topic-title-container {
          display: inline;
          font-size: 12px;
          text-align: center;
          }
        em{
        font-style: normal;
        }


        .module .postbody .postbody-head {
        background-color: #e5e6e7;
        }

        .post-footer {
        background-color: #CCCCCC;
        }

        .post .post-header {
        background-color: #CCCCCC;
        }




        .headerbar {margin-bottom:0;}

        blockquote {
        background-color:#CCCCCC;
        }


        a {
        outline: none;
        }

        form#quick_reply #textarea_content textarea#text_editor_textarea {
        background-image: url(http://img223.imageshack.us/img223/8213/gamesn.jpg);
        background-repeat: no-repeat;
        background-position: bottom left;
        }

        #page-header .navbar {
        -moz-border-radius: 0px 0px 0px 0px;
        margin-left:-6px;
        margin-right: -6px;
        }

        .forabg {
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        }
        .forumbg {
        -moz-border-radius:10px;
        -webkit-border-radius: 10px;
        }

        ul.topiclist.forums li.row:hover .desc-search {
        visibility: visible;
        }
        .desc-search {
        visibility: hidden;
        margin: 3px 0 0;
        }
        .desc-search .inputbox {
        width: 180px;
        }

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Adicionar buscar no forum

Mensagem por #Dean em 20/06/13, 07:37 pm

Ela é Phpbb3
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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

Resolvido Re: Adicionar buscar no forum

Mensagem por MateusA em 20/06/13, 07:46 pm

Olá!

Eu sei querido, mais você trocou a sua Folha de Estilos CSS, pela que eu passei acima?

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Adicionar buscar no forum

Mensagem por #Dean em 21/06/13, 02:28 pm

Ai funfou valeu.
avatar

#Dean
Nível 9

Masculino
Inscrito dia : 29/10/2012
Mensagens : 188
Pontos Ativos : 268

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