Jump to content


Photo

Banner Em Flash No Estilo Microsoft


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

#1 Neffertine

Neffertine

    Turista

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

Posted 17/04/2008, 15:36

Olá Pessoal!

Alguém sabe qual o nome deste tipo de banner?

http://www.microsoft...us/default.aspx (está na página inicial, e quando se passa o mouse nas barras ele desliza mostrando novas informações.

Preciso fazer um desse mas tenho pouco conhecimento em flash. ALguém pode me indicar algum tutorial do assunto?


Agradeço desde já

#2 AN Web Designer

AN Web Designer

    Super Veterano

  • Usuários
  • 1861 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 17/04/2008, 15:47

Olá Neffertine, bem vinda ao fórum !!! (ok2)

Não vi o banner mencionado... mas pela sua descrição deve ser banner expansivel.

Faça uma busca aqui no fórum, com certeza encontrará dicas que auxiliaram na criação e aprendizado.

Falando em banners não deixe conhecer o desafio na sala de mistos do Ateliê WMO.


AN :)

#3 Neffertine

Neffertine

    Turista

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

Posted 17/04/2008, 16:10

Obrigada!!

Mas realmente não é esse =/ Eu pesquisei antes, e o expansível é neste estilo certo? http://imasters.uol....?cn=3541&cc=270


O que eu quero, a informação apenas vai pro lado na hora que se passa o mouse...
Ele não aumenta de tamanho:(

#4 AN Web Designer

AN Web Designer

    Super Veterano

  • Usuários
  • 1861 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 17/04/2008, 16:54

Mas realmente não é esse

Ok, mas mencionei apenas que o banner era expansivel. :huh:

Como tem o tutorial do Felipe, qual é a sua dúvida?


AN :)

#5 Neffertine

Neffertine

    Turista

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

Posted 18/04/2008, 10:48

Amigo,
Não sei se você não entendeu ou eu estou fazendo confusão. O banner é assim... vc passa o mouse, ele desliza outra informação, sem expandir nada... Continua o mesmo tamanho.

Esse expansível é diferente do que eu preciso. Pode ser que na hora de fazer tenha alguma ligação, mas o modelo é outro =/

Edição feita por: Neffertine, 18/04/2008, 10:48.


#6 AN Web Designer

AN Web Designer

    Super Veterano

  • Usuários
  • 1861 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 18/04/2008, 10:59

A príncipio não entendi...

Qualquer coisa no desenvolvimento do seu, poste as dúvidas que tentaremos lhe ajudar.


AN :)

#7 Neffertine

Neffertine

    Turista

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

Posted 24/04/2008, 11:15

Olá An Web designer!

O banner que existe no site da Microsoft e que eu dei de exemplo não é em flash, mas está circulado no print screen abaixo:

Posted Image

Essas barrinhas, como por exemplo a "Free Trial" quando você posiciona o mouse por cima delas, elas deslizam e abrem uma informação que estava até então 'escondida". Ele é feito no mesmo jeito que o expansível?
Acho que estou fazendo confusão e te fazendo perder tempo né amigo?

Não sei muito sobre Flash, e não sei por onde começar :(

Por favor, me dá uma luz... Estou precisando realmente de fazê-lo!!!

Grande abraço,

Edição feita por: Neffertine, 24/04/2008, 11:20.


#8 AN Web Designer

AN Web Designer

    Super Veterano

  • Usuários
  • 1861 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro

Posted 25/04/2008, 16:01

Então Neffertine, tranquilo !!! (y)

Sim é a mesma questão do expansivel.

Faça o seguinte, aqui no fórum com certeza vc encontrará informações sobre banner expansíveis. E vc também tem em mãos o tutorial elaborado pelo Felipe Gomes, siga o tutorial e o que tiver de dúvidas pode postar que lhe ajudamos.


AN :)

#9 DarkSign

DarkSign

    Doutor

  • Usuários
  • 868 posts
  • Sexo:Masculino
  • Localidade:Brasil
  • Interesses:Tecnologias na área WEB em geral e desenvolvimento.

Posted 25/04/2008, 16:06

Eu resolveria com um intervalo de quadros pra cada iteração do banner. Digamos, do 1 ao 20 o primeiro texto e por ae vai, ae no ActionScript vc colocaria um gotoAndPlay(quadro) e ele tocava, cada quadro parado do texto, no entando, teria AS stop();

Cara, deve te ficado enrolado, me ajuda ae AN formatando isso ae :P

/*DarkSign*/
Não sabe por onde começar? Que tal pelas Regras ?

#10 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

Posted 25/04/2008, 20:43

Eu também não consegui ver esse banner que vc menciona... o que vejo é uma propaganda fixa do microsoft office 2007 e naum tem cachorro como na imagem que você colocou.....

Eu vi esse aqui, neste mesmo site, e achei bacana, mas acho que naum tem nada a ver doq vc esta falando ou esta? mas enfim, dê um outro exemplo para ajudarmos melhor....
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#11 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 25/04/2008, 23:36

Acho que vocês não entenderam ainda a dúvida dela. Pela imagem que ela postou, acho que o exemplo seria igual o do MooTools, mas em FLash, o de lá é em JS ...


http://www.mootools.net

Olhem as 4 caixas coloridas... algo assim ...
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#12 Pedropauloalmeida

Pedropauloalmeida

    Fale ao motorista somente o indispensável

  • Usuários
  • 1376 posts
  • Sexo:Masculino
  • Localidade:Santo André SP

Posted 28/04/2008, 11:33

Nossa.

Que confusão.
Neffertine. O que você quer é algo simples mas um pouco trabalhoso de fazer.
Sugiro que você faça as movimentações baseadas em ActionScript.

Dê uma olhada na classe Tweener, que vai servir como uma luva para o que você deseja fazer.
http://hosted.zeh.co...ner/docs/en-us/

Você vai criar 3 ou 4 movieClips, coloca-los um abaixo do outro e 'deslizar' eles conforme o cliente clica ou passa o mouse.
Para deslizar, use a Tweener. É muito fácil de usar e a documentação possui muitos exemplos. Dá pra fazer coisa bem melhor do que o que você viu nesse site da Microsoft. Mas se fizer igual, ok. Já é um bom começo.

Abraços.

pp




0 user(s) are reading this topic

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

IPB Skin By Virteq