Ir para conteúdo

POWERED BY:

Arquivado

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

vconline

Som em CSS !

Por , em Desenvolvimento frontend

Recommended Posts

vconline    0

vconline
Postado

então galera é o seguinte:então é o seguinte... tenho o menu em php que utiliza stilo CSS.... mas o problema é o seguinte:eu não sei como colocar som nos links do menu, eu até consegui colocar som nos links da página em HTML,, mas quando ele passa a utilizar o CSS é como se ele desabilitasse..então alguém sabe se tem como fazer som em CSS pra utilizar em todos os links do meu menu????abraço..........

Compartilhar este post

Link para o post
Compartilhar em outros sites

DirceuM    0

DirceuM
Postado

Olá;Nunca li nada a respeito sobre inserir som em link de menu, isso usando css...DE repente pode ter algo em javascript que ajude nesse sentido...eu sei que em flash é perfeitamente possível conseguir esse efeito...sds

Compartilhar este post

Link para o post
Compartilhar em outros sites

vconline    0

vconline
Postado

opa.....então galera.. eu achei um JS que adiciona o som no link...(quem quiser ta ai) ... pode ser útil pra alguem... só tem um problema.. no meu caso eu coloquei esse escript e deu certo o som no link.. mas quando eu adiciono um CSS nos links o som deixa de funcionar. (arruma uma coisa e estraga outra rsrsr)Segue o Código ---------------------------<bgsound id="sound"> //O segundo você deve colocar onde quer que apareça o link <EMBED SRC="sound_file_name.wav" autostart="false" hidden="true" width="128" height="128"> <script language="JavaScript"> <!-- function playHome() { if (document.all) { document.all.sound.src = "ENDEREÇO DO SOM.EXTENSAO"; } } //--> </SCRIPT><font color="#FF0000"><b> Coloque o cursor em cima do link</b></font> <A HREF="#http://codigofonte.net" onMouseover="playHome()">Seja bem vindo a Efeitos Especiais</A> ------------------------valeu galeraabraço...

Compartilhar este post

Link para o post
Compartilhar em outros sites

DirceuM    0

DirceuM
Postado

Bacana!A noite vou ver com calma esse código e tentar aplicar o css, esse recurso de repente pode ser uma boa para deficientes visuais. O som pode orientar...sds

Compartilhar este post

Link para o post
Compartilhar em outros sites

DirceuM    0

DirceuM
Postado

Fernando, olha ai:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Untitled Document</title></head><style>a:link, a:visited, a:active {	font: 75% "Trebuchet MS", Arial, Verdana; color: #000000; text-decoration: none;}a:hover {	font: 75% "Trebuchet MS", Arial, Verdana; color: #2D8686; text-decoration: none;}</style><body><bgsound id="sound"><EMBED SRC="xp.wav" autostart="false" hidden="true" width="128" height="128"><script language="JavaScript"><!--function playHome(){if (document.all){document.all.sound.src = "xp.wav";}}//--></SCRIPT><font color="#FF0000"><b>Coloque o cursor em cima do link</b></font><A HREF="#http://codigofonte.net"onMouseover="playHome()">Seja bem vindo a Efeitos Especiais</A> </body></html>

 

Fiz dessa forma e no IE 6 funcionou bem, só vi 1 anomalia:

Quando minimizei a tela e restaurei, ele disparou o som...mesmo eu não tendo passado o cursor pelo link.

 

Um ponto negativo: no Fire fox não funcionou :(

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito