Conectar-se

Esqueci minha senha

Os membros mais ativos do mês

Quem está conectado
2 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 2 Visitantes

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 19 em Ter Jan 03, 2012 9:38 am
Últimos assuntos
» Equipe Web ASA Fórum
Dom Jun 24, 2012 11:15 am por Alisson Silva

» [Re-Apresentação] Fábio
Sex Maio 25, 2012 4:45 pm por Fábio

» PixelZIP ~ design&programção em só lugar
Sex Maio 25, 2012 4:44 pm por Fábio

» Pedido de logo
Dom Maio 20, 2012 10:06 am por Alisson Silva

» Kernel - Apresentação
Sab Maio 19, 2012 9:49 am por Alisson Silva

» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sab Maio 19, 2012 9:48 am por Alisson Silva

»  HEBBO HOTEL 24 HORAS ONLINE !!
Sex Maio 04, 2012 7:20 pm por Alisson Silva

» Pedido de Layout
Sex Maio 04, 2012 5:23 pm por Fonsecca

» [RESOLVIDO]TV CCE HPS 2071-D (IMAGEM SÓ EMBAIXO, ACIMA, LINHAS DE RETRAÇO E FAIXA PRÊTA NO TOPO DA TELA).
Qua Abr 11, 2012 4:07 pm por Fry

» [contato] Deixo aqui meus contatos virtuais
Qua Abr 11, 2012 3:25 pm por Fry


[TUTORIAL] Caixa de Menu "Buscar"

Ir em baixo

[TUTORIAL] Caixa de Menu "Buscar"

Mensagem por Fry em Sab Dez 31, 2011 8:01 am

[Você precisa estar registrado e conectado para ver esta imagem.] Caixa de Menu "Buscar"

Muitas vezes desejamos ter um tipo de botão personalizado em nossos fórum, neste tutorial vamos aprender a criar uma caixa de menu funcional tipo a caixa "Buscar", mas só funciona corretamente na versão phpBB 3.



--> Tutoriais e astúcias <--
Caixa de Menu "Buscar"



- Código que deverá ser utilizado:
Esté é um código bem simples de editar, bastar você editar as partes coloridas, existe uma indicação ao final deste ponto explicando o que faz cada uma delas.

<li><a class="nome_menu" href="#" onclick="showhide(document.getElementById('nome_menu')); return false;">Buscar</a>
<script type="text/javascript">//<!ert_nome_menu_new();//]]>
</script><div class="overview row3" id="nome_menu" style="display:none;position:absolute;width:350px;z-index:10000"><p class="title-overview row2">Título do menu</p><p class="center-overview">Mensagem</p><hr class="dashed"><p class="center-overview">Rodapé</p></form></div></li>

Vermelho -> Nome do menu, deve ser modificado todas as partes coloridas em vermelho, pelo nome desejado do menu.
verde -> Nome do botão, você pode colocar o nome desejado com acentos. Por padrão fica definido buscar, mas pode ser modificado conforme o adminsitrador queira!
Ciano -> Mensagem do botão, está será a mensagem que aparecerar no botão.
Azul -> Título do menu, este será exibido na parte superior do seu botão.
Amarelo -> Rodapé do botão, este será exibido na parte inferior do seu botão, você pode deixar está área em branco.


[Você precisa estar registrado e conectado para ver esta imagem.] Segue a tua versão, pois este código só vai obter um resultado perfeito na versão PhpBB 3.


- Locais em que este código pode ser utilizado:
Em geral, em qualquer lugar que aceite códigos HTML. Mas, para facilitar, trouxemos uma lista deles:
  1. Mensagem da Home Page:
    Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"
  2. Widgets (em todos que são possíveis de criar ou modificar):
    Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
    ou
    Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum

  3. Newsletter's (modo HTML)
    Painel de Controle -> Geral -> Newsletter -> Redação e envio
  4. Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens) Só terá efeito na determinada mensagem!

- O resultado final:
(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.]




© Fórum dos Fóruns & Sindithiago



[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Caixa de Menu "Buscar"

avatar
Fry
Admintradores
Admintradores

Posts Posts : 175
Idade Idade : 19
Respeito Respeito : 0
Web Moedas Web Moedas : 415

http://Em breve...

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum