Como visualizar o botão Buscar?

por Stonay 30.12.14 23:17

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso :
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : Não é necessário

Descrição do problema

Como posso colocar igual a este:
https://i.imgur.com/OS35Suv.png

por [K]oke 30.12.14 23:27

Olá,

Onde achou o buscar da imagem mande-me o endereço!

Até Mais!

por Stonay 31.12.14 1:06

http://dellcraftforum.forumeiros.com/

por Stonay 01.01.15 14:58

por Gabe 01.01.15 15:46

Boa tarde!

Acesse

Painel de controle ->> Visualização ->> Templates ->> Geral ->> overall_header ->>

Procurem pelo seguinte código:

Código:: <li>{GENERATED_NAV_BAR}</li> </ul> </div>

Depois da última "</div>" adicione este código:

Código:: <div id="ipb-search_menu" style="position: absolute; z-index: 10000; "><form action="/search" method="get"><div class="ipb-center-overview" style="height: 25px;"><input type="text" class="inputbox medium" value="Buscar" onclick="if (this.value == 'Buscar') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar';" name="search_keywords"/><span class="choice ipbmenu clickable" id="search_options" style="">Forums</span><input type="submit" value="Go" class="go-se-ipb"><a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="right"/>Advanced</a> </div></form></div>

Lembre de salvar e publicar sua template!

Então, acesse sua folha de estilos CSS e adicione este código:

#ipb-search_menu {
background: rgba(0,0,0,0.5);
border-radius: 3px;
box-shadow: rgba(255,255,255,0.25) 0 0 1px, rgba(255,255,255,0.1) 0 1px 0px, inset rgba(0,0,0,1) 0 1px 4px;
padding: 4px;
right: 68px;
top: 31px;
}

#ipb-search_menu .go-se-ipb {
background: rgba(255,255,255,0.25) url(https://i.imgur.com/Pytjj0m.png) no-repeat 50%;
border-radius: 0 5px 5px 0;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
font-size: 0;
height: 26px;
position: relative;
text-indent: -3000em;
top: -4px;
width: 29px;
}

.pun #ipb-search_menu .inputbox.medium {
background: rgba(255,255,255,0.15);
border: 0;
border-radius: 3px 0 0 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
color: #a7a3a3;
display: inline-block;
height: 26px;
outline: 0;
padding: 0 61px 0 5px;
width: 170px;
}

#search_options {
background: rgba(255,255,255,0.15) url(https://i.imgur.com/QbteGSC.png) repeat-x 0 0;
border-radius: 3px;
color: #eee;
cursor: pointer;
display: inline-block;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
position: absolute;
right: 70px;
text-shadow: #000 0 -1px 0;
}

#adv_search {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: url(https://i.imgur.com/Sx4ICQP.png) no-repeat 50% 50%;
border-radius: 3px;
display: inline-block;
height: 26px;
margin-left: 3px;
text-indent: -3000em;
width: 26px;
}