2 resultados encontrados para a7a3a3

Icones para forum

Informações técnicas

Tipo de pedido : [Ícones]
Dimensões : 60x60
Cores primátias : #7C7777
Cores secundárias : #A7A3A3
Imagens do pedido :

Imagens a serem usadas:

Texto a ser inserido : Não especificado
Fonte : Não especificado
Cor da fonte : Não especificado
Link do meu fórum : http://forumbdsm.forumeiros.com/
Link do meu último pedido : Não especificado

Informações adicionais

Descrição do que desejo : Boas,
venho aqui pedir ajuda na criacao de icones para o meu forum.
Darei um exemplo: https://2img.net/h/oi58.tinypic.com/zy9iiq.png
O que precisava é que criassem a parte exterior, em formato psd para depois com fundo transparente para depois eu colocar as imagens que estão no interior conforme cada seccao.
Não é preciso ser exactamente dessa forma, pode ter uma forma diferente, entre outros, desde que fique bonito.
Espero que me possam ajudar, muito obrigada.

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!