Data/hora atual: 27.09.22 8:03

2 resultados encontrados para ipb-search_menu

Colocar imagem no fundo

Aqui está:
Spoiler:
por Stonay
em 14.04.15 21:48
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Colocar imagem no fundo
Respostas: 20
Vistos: 7873

Como visualizar o botão Buscar?

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;
}


Abraço e Feliz ano novo!
por Gabe
em 01.01.15 15:46
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como visualizar o botão Buscar?
Respostas: 6
Vistos: 717

Ir para o topo

Ir para: