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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16313
Pontos Ativos : 20815

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


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum