Adicionar buscar no forum

4 participantes

Ir para baixo

Tópico resolvido Adicionar buscar no forum

Mensagem por #Dean 19.06.13 23:34

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

Adicionar buscar no forum Nt7Bdov

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

Eu queria uma igual essa aqui:

Adicionar buscar no forum 0nzguYk

Se bugar: https://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 18:28, editado 1 vez(es)
#Dean
#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar buscar no forum

Mensagem por Sennior 20.06.13 1:36

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!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar buscar no forum

Mensagem por MateusA 20.06.13 14:48

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
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar buscar no forum

Mensagem por #Dean 20.06.13 16:57

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;
}
#Dean
#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar buscar no forum

Mensagem por goodbye 20.06.13 20:16

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
goodbye
Hiper Membro

Membro desde : 07/06/2011
Mensagens : 3852
Pontos : 5081

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar buscar no forum

Mensagem por MateusA 20.06.13 21:30

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.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar buscar no forum

Mensagem por #Dean 20.06.13 23:37

Ela é Phpbb3
#Dean
#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar buscar no forum

Mensagem por MateusA 20.06.13 23:46

Olá!

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

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar buscar no forum

Mensagem por #Dean 21.06.13 18:28

Ai funfou valeu.
#Dean
#Dean
***

Membro desde : 29/10/2012
Mensagens : 188
Pontos : 268

http://criandoainda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos