Adicionar caixa de pesquisa na barra de navegação

[Holmes]

Qual a URL do seu fórum: http://www.chakra-linux.com.br/forum/portal.php
Tipo de Hospedagem: Compartilhada (HostGator Brasil)
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: we_clearblue
Modificações instaladas: "Quem Esteve Aqui?"; "Board3 Portal"; "Resolvido"; "WMP"; "Posting Template"; "Legend Repositioning"; "ACP Announcement Centre"; "Share One"; "jGrowl Popup"; "Knowledge Base"; "Thanks for Posts"
Qual seu nivel de experiência: Iniciante
Quando começou o problema: Constatei
Descreva seu problema: Oi pessoal, queria de saber se é possível modificar a barra de navegação do meu estilo, pois eu gostaria de remover dois botões ("Pesquisa" e "Chakra Project") e colocar uma caixa de pesquisa nessa barra. vejam as imagens abaixo:

==> como está

imagem.JPG

==> como eu gostaria

imagem2.JPG

esse tipo de modificação é possível?

obrigado pessoal!

vlw fwi, Holmes

[_Vinny_]

Creio que já há tópicos sobre a mesma questão, já fez uma pesquisa?

Abra o seu overall_header.html, localize o links que quer remover e apague as linhas. Se fizer uma pesquisa, deve encontra o codigo da pesquisa para adicionar na barra de navegação.

[Holmes]

oi _Vinny_, fiz o teste e já consegui remover os dois botões ("Pesquisa" e "Chakra Project"); agora sobre a caixa de pesquisa usei o inspecionar elementos do chrome no site http://www.phpbbargentina.com/ e encontrei e peguei o código, veja:

Código: Selecionar todos

<!-- Google CSE Search Box Begins //-->
<li id="searchbox">
								<fieldset>
									<form method="get" action="http://www.phpbbargentina.com/gsearch.php">
										<p><input name="q" id="q" type="text" size="40" class="inputbox search" value="Buscar con Google" onclick="if(this.value=='Buscar con Google')this.value='';" onblur="if(this.value=='')this.value='Buscar con Google';"></p>
									</form>
								</fieldset>
							</li>
<!-- Google CSE Search Box Ends //-->

é esse o código que vai dar a caixa de pesquisa? se sim, a minha dúvida é onde devo inserir esse código!

vlw fwi, Holmes

[robra]

1- Você deve inserir as linhas após o <li>...</li> que corresponde ao botão do "Painel Administração".
2- Pelo "inspecionar elemento" sobre a caixa de busca na página http://www.phpbbargentina.com/, do lado esquerdo do painel você tem as linhas que você postou e do lado direito as definições do css que devem ser copiadas e coladas em algum arquivo css de seu Fórum.
Exemplo:
Ao clicar sobre <li id="searchbox">, do lado direito do painel aparecerá:

Código: Selecionar todos

#navbar #searchbox {
display: block;
float: right;
width: 165px;
height: 30px;
margin: 0px;
background: url("./images/navbar_search.gif") 0 0 no-repeat;
position: static;
}

Só tem de ir verificando se as definições já existem em algum arquivo css de seu Fórum, para não gerar conflitos.

Abraço.

[Holmes]

oi robra, obrigado e depois vou ver isto. qualquer problema posto aqui!

vlw fwi, Holmes

[Holmes]

oi robra fiz o teste e a caixa saiu fora da barra, veja a imagem:

imagem.JPG

o código da caixa coloquei assim:

Código: Selecionar todos

<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
   <center>
      <table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td>
      <div id="main-navigation">
         <ul id="primary-navigation" class="leftside">
            <!-- IF U_PORTAL --><li><a href="{U_PORTAL}" title="Portal">{L_PORTAL}</a></li><!-- ENDIF -->
         <li><a href="http://www.chakra-linux.com.br/forum/index.php" title="Fóruns">Fóruns</a></li>
            <li><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
         <li><a href="http://www.chakra-linux.com.br/forum/viewtopic.php?f=9&t=9" title="Regras">Regras</a></li>
         <!-- IF not S_IS_BOT-->
               <!-- IF S_DISPLAY_MEMBERLIST --><li><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
               <!-- IF U_TEAM --><li><a href="{U_TEAM}" title="{L_THE_TEAM}">{L_THE_TEAM}</a></li> <!-- ENDIF -->
            <li><a href="{U_KB}" title="{L_KB_EXPLAIN}">{L_KB}</a></li>
            <!-- IF U_MCP --><li><a href="{U_MCP}" title="{L_MCP}">{L_MCP}</a></li><!-- ENDIF -->
               <!-- IF U_ACP --> <li><a href="{U_ACP}" title="{L_ACP}">{L_ACP}</a></li>     
			   <!-- Google CSE Search Box Begins //-->
                            <li id="searchbox">
                            <fieldset>
                               <form method="get" action="http://www.chakra-linux.com.br/forum/search.php">
                                  <p><input name="q" id="q" type="text" size="40" class="inputbox search" value="Buscar con Google" onclick="if(this.value=='Buscar con Google')this.value='';" onblur="if(this.value=='')this.value='Buscar con Google';"></p>
                               </form>
                            </fieldset>
                         </li>
    <!-- Google CSE Search Box Ends //--><!-- ENDIF -->
         <!-- ENDIF -->
         </ul>
		       
      </div>
     <!-- ENDIF -->

está correto?

e no arquivo ccs, percebi fazendo pesquisa aqui que é no arquivo common.css e aí coloquei no final desse arquivo, assim:

Código: Selecionar todos

/* Navbar Search
---------------------------------------- */
    #navbar #searchbox {
    display: block;
    float: right;
    width: 165px;
    height: 30px;
    margin: 0px;
    background: url("./images/navbar_search.gif") 0 0 no-repeat;
    position: static;
    }

está correto?

vlw fwi, Holmes

[robra]

Sim, mas na mensagem viewtopic.php?f=147&t=47319#p281941 dei exemplo apenas da linha <li id="searchbox">, sendo necessário fazer o mesmo procedimento com as demais linhas como <fieldset>, a <form method="get" action="http://www.chakra-linux.com.br/forum/search.php">, etc...

Só tem de ir verificando se as definições já existem em algum arquivo css de seu Fórum, para não gerar conflitos.

Abraço.

[Holmes]

robra, obrigado e vou dar uma estudada nisto. qualqer dúvida posto aqui.

vlw fwi, Holmes

[Holmes]

oi pessoal, ainda pretendo mexer nesse tema. não esqueci dele!

vlw fwi, Holmes

[Holmes]

já foi implementado a caixa de pesquisa e gostaria de agradecer o robra e o _Vinny_.

vlw fwi, Holmes