Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jeffersonbh

banner expansivel em flash

Recommended Posts

Ajuda

 

 

 

construimos um banner para um cliente para colocar na Busca Catolica o banner é expansivel só que o sistema de banner´s que usamos não esta aceitando o codigo do banner que fizemos

 

eles mandaram um modelo de como tem que colocar para funcinar no sistema mais nós não estamos conseguindo fazer

 

o motivo deste e-mail é uma ajuda sua se você sabe como fazer para que o banner fique compativel com o sistema.

 

gostaria de saber se alguem sabe alguma coisa sobre isso

 

o banner esta funcionando no link

 

http://www.brunoavila.com.br/clientes/artesacro/

 

mais tem que colocar o que esta abaixo

 

 

 

Jefferson, com este código o banner não expande. Ele apenas está dentro de um layer (tag <div>). É necessário que na hora que o usuário passe o mouse por cima do banner, seja ativada uma função em Javascript para que o respectivo layer seja expandido ou apareça um outro layer com a parte de baixo. Seguem exemplo de como funcionaria a peça com um único layer:

 

 

 

São necessários noções básicas de DHTML, CSS e Javascript para se fazer

um banner expansível, é só seguir as instruções:

 

1) Coloque o SWF, dimensões 468x300 por exemplo, dentro de um layer DIV;

 

2) Limite a visualização deste layer DIV para 468x60 através de CSS.

Pode ser via style="overflow:hidden" ou pelo exemplo enviado na mensagem

anterior com style="clip:rect(0,468,60,0)"

 

3) Crie funções de onMouseOver e onMouseOut neste DIV que chamem funções

em Javascript para alterar a área de visualização do respectivo layer;

 

4) Faça a função em Javascript que *expanda* o layer via

style="clip:rect(0,468,60,0)" ou então faça aparecer *outro* layer DIV

com a parte inferior do banner;

 

5) Quando o usuário fizer a ação onMouseOut é só fazer desaparecer o

layer da parte inferior ou então *contrair* novamente o layer DIV via

CSS;

 

 

jefferson felicio

Compartilhar este post


Link para o post
Compartilhar em outros sites

só que a empresa que cuida da parte do banner quer um banner com estas especificações.Jefferson, com este código o banner não expande. Ele apenas está dentro de um layer (tag <div>). É necessário que na hora que o usuário passe o mouse por cima do banner, seja ativada uma função em Javascript para que o respectivo layer seja expandido ou apareça um outro layer com a parte de baixo. Seguem exemplo de como funcionaria a peça com um único layer:São necessários noções básicas de DHTML, CSS e Javascript para se fazerum banner expansível, é só seguir as instruções:1) Coloque o SWF, dimensões 468x300 por exemplo, dentro de um layer DIV;2) Limite a visualização deste layer DIV para 468x60 através de CSS.Pode ser via style="overflow:hidden" ou pelo exemplo enviado na mensagemanterior com style="clip:rect(0,468,60,0)"3) Crie funções de onMouseOver e onMouseOut neste DIV que chamem funçõesem Javascript para alterar a área de visualização do respectivo layer;4) Faça a função em Javascript que *expanda* o layer viastyle="clip:rect(0,468,60,0)" ou então faça aparecer *outro* layer DIVcom a parte inferior do banner;5) Quando o usuário fizer a ação onMouseOut é só fazer desaparecer olayer da parte inferior ou então *contrair* novamente o layer DIV viaCSS;só que eu não sei fazer você sabe fazer?jefferson felicio

Compartilhar este post


Link para o post
Compartilhar em outros sites

Meu... procurei pela internet toda esse código pra por no meu site e não estava encontrando.. ai tentei fazer um e deu certo! Temos que usar Java Script e CSS.As funções em JS pra colocar na página onde o banner vai ser colocado são essas:<script language="JavaScript"> function aberto() { document.getElementById("ID da layer").className="aberto"; } function fechado() { document.getElementById("ID da layer").className="fechado"; }</script>Depois temos que criar essas classes (ABERTO e FECHADO)ai entra o CSS:.aberto { clip:rect(0,468,300,0);}.fechado { clip:rect(0,468,60,0);}Para funcionar você tem que colocar os seguintes comandos na DIV:onMouseOver="java script: aberto()" onMouseOut="java script: fechado()"E tá pronto! heheheheheheheValeu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.