Jump to content


Photo

Como Se Faz Esse Menu?


  • Faça o login para participar
7 replies to this topic

#1 sennor

sennor

    Novato no fórum

  • Usuários
  • 9 posts
  • Sexo:Não informado

Posted 25/07/2007, 10:26

Alguém sabe como se faz (passo-apasso) um menu igual ao deste site:

http://www.armazemliterario.com.br/

com o efeito semi-transparente

valeu!!

#2 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 25/07/2007, 11:04

Olá sennnor!

Esse "efeito semi-transparente" do menu é feito através de javascript e o Fireworks não tem suporte à ele.

Movido!
att,
Muller Dias
ex-administrador Fórum WMO

#3 Raphaell

Raphaell

    Normal

  • Usuários
  • 80 posts
  • Sexo:Masculino
  • Localidade:Recife/PE
  • Interesses:Tableless, CSS, XHTML, Flash, ActionScript, Photoshop, Fireworks, Teoria das cores, Webdesign.

Posted 25/07/2007, 11:12

Pode se criar um menu parecido com esse aí, pelo Fireworks.

Olha esse tutorial:

http://www.maujor.co...down-menu-a.php
Raphael Taveira Webdesigner
Avaliação (x)HTML, CSS & Visual.
Ocupado com projeto !!!
"Minhas seções": CSS & Semântica(Tableless)

Contato: raphaelstrous@yahoo.com.br

#4 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 25/07/2007, 11:16

Usa javascript, mas só funciona no IE ... recomendo usar CSS para a operação já que você não conta com experiência em programação.

Código CSS:
img.transOFF {

 }
img.transON {
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}

Marcação do Código [utilize uma imagem válida para testar]
<img src="images/1.jpg" class="transON" onmouseover="this.className='transOFF'" onmouseout="this.className='transON'" />

Esse efeito de transparência tem um amplo suporte nos navegadores.

Movi para CSS momentaneamente. Se quiser o efeito em JS recomendo procurar sobre JQuery.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#5 Raphaell

Raphaell

    Normal

  • Usuários
  • 80 posts
  • Sexo:Masculino
  • Localidade:Recife/PE
  • Interesses:Tableless, CSS, XHTML, Flash, ActionScript, Photoshop, Fireworks, Teoria das cores, Webdesign.

Posted 25/07/2007, 11:51

A CSS ??

Então aqui 2 links:

Menu Drop Down
Menu Drop Down - Parte 2

Abraço !
Raphael Taveira Webdesigner
Avaliação (x)HTML, CSS & Visual.
Ocupado com projeto !!!
"Minhas seções": CSS & Semântica(Tableless)

Contato: raphaelstrous@yahoo.com.br

#6 Noin

Noin

    Novato no fórum

  • Usuários
  • 11 posts
  • Sexo:Não informado
  • Localidade:Brasília Center City

Posted 25/07/2007, 13:09

Dá para fazer pelo fireworks mesmo, como alguém ali disse. E o do fireworks funciona em outros navegadores além do IE.

Se quiser em puro CSS, tem um monte nesse site:
http://www.cssplay.co.uk/

Com java script:
http://www.dynamicdr...dex1/index.html

Um tutorial bastante completo:
http://www.htmldog.c...fish/dropdowns/

#7 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 25/07/2007, 18:25

Aos que estão dizendo que os fireworks faz o que o usuário está querendo, peço que lêem o post novamente.

O que ele quer não é somente fazer o menu Drop Down, pois isso pode ser feito facilmente pelo Fireworks, tanto que eu até já respondi vários tópicos relacionados a esse tema.

Ele também quer fazer aquele efeito de transparência que podemos ver no exemplo citado. Notem que ao passarmos o mouse em cima dos links, logo abaixo, vão surgindo as caixas: começam meio transparentes e vão ficando visíveis completamente. Isso já não é possível fazer com o Fireworks!
att,
Muller Dias
ex-administrador Fórum WMO

#8 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 25/07/2007, 20:03

De fato, o usuário a princípio questiona a transparência. Melhor o pessoal ler o post direito, se eu achar que estão postando pra aumentar o número de posts (flood), é warn e 1 semana sem postar.
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq