Menu em dropdown

Qual é minha questão:
Olá, Eu desejo o seguinte:
Queria um código que deixasse o menu do meu forum desse jeito:

Forum
Portal
Perfil
Mp

Na vertical Posicionado no lado esquerdo e ao passar o mouse sobre ele fique com um efeito rollover.( que será a mesma imagem com uma cor diferente).

Ja agradeço de antemão ^^'

Medidas que eu tomei para corrigir o problema:
''

Imagens do meu problema:
''

Endereço do meu fórum:
http://fairytail-conection.forumeiros.com/forum

Versão do meu fórum:
PHPBB3

Olá,

Neste site Flash Vortex Você pode criar o menu como deseja, e coloca-lo em seu fórum via Widget ou CSS.

Olá,

Poderá ver este tipo de menu neste site:
http://cssmenumaker.com/

Você poderá criar um menu no site e depois será enviado um e-mail com o código.
Lembre-se que não "criamos" códigos e não fornecemos suporte a códigos em JavaScript.

Atenciosamente.

o codigo que eles disponiblilizam nao funciona
será que alguem pode dar uma olhada:

Código:

/*      V1        */
   

.outer{
   margin:0px;
   padding:0px;
}
#menu4 {
   width: 200px;
   border-style: solid solid none solid;
   border-color: #D76100;
   border-size: 1px;
   border-width: 1px;
   padding:0px;
   }
   #menu4 ul{
   margin:0px;
   padding:0px;
   list-style:none;
   }
   #menu4 li a {
      height: 32px;
      voice-family: ;  /*Box Model Hack*/
      voice-family: inherit;
      height: 24px;
      text-decoration: none;
      font-weight:normal;
      }
      
   #menu4 li a:link, #menu4 li a:visited {
      color: #9E3C02;
      display: block;
      background: url(images/menu4.gif);
      padding: 8px 0 0 30px;
      }
      
   #menu4 li a:hover {
      color: #fff;
      background: url(images/menu4.gif) 0 -32px;
      padding: 8px 0 0 30px;
      }
      
   #menu4 li a:active {
      color: #fff;
      background: url(images/menu4.gif) 0 -64px;
      padding: 8px 0 0 30px;
      }   

Olá,

De qual site utilizou? Flash Vortex ou CSSMenuMaker?

CSSMenuMaker?

Olá,

Adicione este código na sua Folha de Estilo CSS:

Código:

.outer{
  margin:0px;
  padding:0px;
}
#menu4 {
  width: 200px;
  border-style: solid solid none solid;
  border-color: #D76100;
  border-size: 1px;
  border-width: 1px;
  padding:0px;
  }
  #menu4 ul{
  margin:0px;
  padding:0px;
  list-style:none;
  }
  #menu4 li a {
      height: 32px;
      voice-family: ;  /*Box Model Hack*/
      voice-family: inherit;
      height: 24px;
      text-decoration: none;
      font-weight:normal;
      }
     
  #menu4 li a:link, #menu4 li a:visited {
      color: #9E3C02;
      display: block;
      background: url(images/menu4.gif);
      padding: 8px 0 0 30px;
      }
     
  #menu4 li a:hover {
      color: #fff;
      background: url(images/menu4.gif) 0 -32px;
      padding: 8px 0 0 30px;
      }
     
  #menu4 li a:active {
      color: #fff;
      background: url(images/menu4.gif) 0 -64px;
      padding: 8px 0 0 30px;
      }

Siga: Painel Visualização Imagens e Cores Cores e vai ao lado Folha de Estilo CSS

continua sem efeito

Olá,

Já tentou re-criar ? Tente criar novamente o código do menu .

sim e paresentou o mesmo problema

Olá,

Exatamente. O problema está ocorrendo comigo também, talvez seja do Site mesmo. Tente criar no http://www.flashvortex.com/

não consegui criar um banner '--

Olá amigo, isso é tudo o que eles mandaram? Abço

Olá,

Você quer um Banner ou um Menu? Não estou lhe compreendendo.
http://www.flashvortex.com/menus.php

SIm

Eu desejo fazer um Menu de navegação

Forum
Portal
Perfil
Mp

desse jeito localizado a esquerda do forum em efeito rollover

Eu não crio menus em sites, mas sei que quando você cria em sites, eles geralmente lhe fornecem os arquivos para poderem ser editados por você, como por exemplo as imagens que terá que hospedar. Em qual site criou seu menu?

mas eu não faço questao de ser de um site eu só gostaria de um link que deixe o Menu verticalmente alinhado a esquerda ou seja: Dropdown com rollover....

Olá,

Então amigo, a questão é que para este tipo de Menu, é possível com estes dois métodos ou seja: CSSMenuMaker ou FlashVortex.

Entendi, mas perceba que no código fornecido acima está faltando o link da image e algo +

A principio você deverá inserir o link da imagem do menu entre ( e )

Ex: como está lá em cima>>> background: url(images/menu4.gif)

portanto o código informado por você nunca irá funcionar corretamente!

Outra coisa, pelo que vi no site que criou, eles lhe enviam por email a imagem e o css para ser editado. Você não recebeu?

recebi

Código:

   
/*      V1        */
   

.outer{
   margin:0px;
   padding:0px;
}
#menu4 {
   width: 200px;
   border-style: solid solid none solid;
   border-color: #D76100;
   border-size: 1px;
   border-width: 1px;
   padding:0px;
   }
   #menu4 ul{
   margin:0px;
   padding:0px;
   list-style:none;
   }
   #menu4 li a {
      height: 32px;
      voice-family: "\"}\"";
      voice-family: inherit;
      height: 24px;
      text-decoration: none;
      font-weight:normal;
      }
      
   #menu4 li a:link, #menu4 li a:visited {
      color: #9E3C02;
      display: block;
      background: url(images/menu4.gif);
      padding: 8px 0 0 30px;
      }
      
   #menu4 li a:hover {
      color: #fff;
      background: url(images/menu4.gif) 0 -32px;
      padding: 8px 0 0 30px;
      }
      
   #menu4 li a:active {
      color: #fff;
      background: url(images/menu4.gif) 0 -64px;
      padding: 8px 0 0 30px;
      }   

codigo completo

aqui esta o cod da img você poderia editar por favor?
https://i.servimg.com/u/f45/17/05/89/19/menu411.gif

Olá amigo, lamento pois estou trabalhando ainda e meio enrolado aqui, mas se puder esperar até um pouco mais tarde seria melhor...Porém estou criando neste momento um arquivo em flash e se quiser aproveitar, eu já coloco na fila aqui e crio um menu bacana pra você c/ total Dropdown com rollover. Abço

tudo bem então mt obg ^^'

Me informe o nome do menu e seu link, tipo assim:

Forum >>Link desta página
Portal >>Link desta página
Perfil >>Link desta página
Mp >>Link desta página

é' sim só que Há uns nomes alterados:

Forum= Game>>Link da Página
Portal= Main Page
Perfil= Sua Conta
Mp=Correios

Olá, poderia me informar cada nome que iria ficar no menu, seguido do seu respectivo link! Ex:

Games (Inclua aqui o link da sua página "Games"
Portal ( Inclua aqui o link do seu portal)
...e assim por diante

Abço

Game>> http://fairytail-conection.forumeiros.com/forum
Main Page>> http://fairytail-conection.forumeiros.com/portal
Sua Conta>> http://fairytail-conection.forumeiros.com/profile?mode=editprofile
Correios>> http://fairytail-conection.forumeiros.com/privmsg?folder=inbox
Grupos>> http://fairytail-conection.forumeiros.com/groups
Deixar o Game>> http://fairytail-conection.forumeiros.com/login?logout=1&tid=471bc92d2e67d1422b1bbe12a5295226&key=850ecc

Olá! Saiba que...

Game
Main Page
Sua Conta
Correios
Grupos
Deixar o Game

Estes serão os nomes que irão aparecer dentro de cada parte do menu certo, mas o Main Page será esse mesmo o nome?

Outra coisa, qual o tamanho dos seus widgets??

Sim e 180x0

Distância entre os widgets: 3
Largura entre as colunas: 1

Olá, Usarei cores próximas ao padrão de seu fórum, td bem?

claro, claro'

Olá, seu menu foi concluído com sucesso e já está pronto para o uso.

Foram criados 5 deles, com cores diversificadas e para agilizar já hospedei para que faça o download dos arquivos em flash. CLIQUE PARA DOWNLOAD

Poderá ver um demo de um deles funcionando, mas não repare na estrutura do meu widget que está ruim, e saiba também que a neve caindo no fórum está atrasando um pouco o movimento do seu menu que por padrão é mais rápido que no demo criado. CLIQUE E CONFIRA

Após o download dos seus menus, escolha um deles e apenas o envie para um site de hospedagem de arquivos flash (Eu indico o DropBox) e pegue o link e cole no código abaixo, onde está escrito: "COLE AQUI ENTRE AS ASPAS O LINK.swf"

Código:

<center><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="188" width="150">
<param name="movie" value="COLE AQUI ENTRE AS ASPAS O LINK.swf" />
<param name="quality" value="high" />
<param name="allowScriptAccess" value="always" />
<param name="bgcolor" value="#000000" />
<embed bgcolor="#000000" src="COLE AQUI ENTRE AS ASPAS O LINK.swf" quality="high" menu="true" height="188" width="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="always"></embed>
</object></center>

Sucesso com seu fórum! Abço

Ola no site Dropbox.com eu consegui upar e vizualizar o menu porém não consegui achar o link dele.

e mais uma dúvida " eu devo colar esse codigo em um widget ou nas paginas html?

Zattch escreveu:Ola no site Dropbox.com eu consegui upar e vizualizar o menu porém não consegui achar o link dele.

e mais uma dúvida " eu devo colar esse codigo em um widget ou nas paginas html?

Oi,

Respondendo sua pergunta, coloque-o em um Widget personalizado.

Olá, eu uso a antiga versão do DropBox, e funciona perfeitamente como viu no demo, mas descobri em pesquisas que a nova versão do DropBox dificultou a retirada do link e terá que usar alguns macetes para isso. Caso não consiga, procure métodos alternativos!

Após ter o link .swf, apenas cole nos dois campos do código "COLE AQUI ENTRE AS ASPAS O LINK.swf" e crie um widget personalizado e insira o código e pronto! Abço e até breve.

eu ja tentei em varios sites' mas não consigo pegar o gif do arrquivo' Se não for muito incomodo você poderia pegar para mim?

O que seria dropdown?
Desconheço disto, desculpe..

Se puder me responder ficarei agradecido.

Um em baixo do outro'
Ex:

Forum
Portal
Perfil

Olá amigo!

Não poderei pegar o link do menu em flash para você, pois eu teria que hospedar o arquivo em minha conta pessoal do DropBox ou qualquer outro, e isso se tornaria arriscado para você, caso algum dia eu excluísse este arquivo da minha conta e isso resultaria em o menu parar de funcionar em seu site. Mas tenho a solução segura para você, como outra alternativa, já que no DropBox está meio complicado. Vamos lá!

Com sua conta do google vc irá abrir um site no Google sites, somente para hospedar seu arquivo na extensão .swf e posteriormente poder pegar o link, usando um simples maçete!

- Entre neste link (CLIQUE AQUI) e crie um simples site seguindo o que se pede.

- Com o site já criado, vá em sitemap / gerenciar páginas / anexos e clique em "Fazer upload". Na próxima janela, clique em "Escolher arquivo" e procure o seu arquivo .swf em seu computador e faça o upload.

- Pronto, seu arquivo já está hospedado com segurança e você precisará agora apenas pegar o link.

- Clique em "Visualizar"

- Repare que o link é extenso, mas oque precisará é apenas parte dele, ou seja, até o (.swf) ex: http:/nomedoseuarquivo.swf

** Uma boa dica é copiar todo o link, colar em um bloco de notas e copiar até a parte que está como .swf

Pronto! Agora que já tem o link, basta colar nas 2 partes obrigatórias do código para inserir arquivos em flash e colar no gadget personalizado.

Até outra vez. Abço

é funcionou perfeitamente^^'
Mas tem um problema' Eu queria que esse Menu so aparesece para que estiver logado no forum'
Tem a possibilidade?'

Com uma simples configuração, irá tornar seu widget visivel apenas para membros. Apenas vá em:

Painel de controle > Modulos > Gestão dos widgets do fórum >

Vá no campo do widget do seu menu e clique em e desmarque o campo "Convidados". Pronto! Configurou corretamente e agora somente membros cadastrados poderão visualizar seu menu.

Agora uma dica para o menu ficar centralizado em baixo da divisória cor de laranja: Painel de controle > Modulos > Gestão dos widgets do fórum >

Vá no campo do widget do seu menu e clique em

- Nome do widget : (Coloque um nome)
- Título do widget : (Coloque o mesmo nome)

** Neste caso, os 2 campos deverão ser preenchidos, para ficar corretamente configurado.

Até logo! Abço

pronto Funcionou mt obrigado e abraços ^^'