El uso de flash como una página de antecedentes

  • Jack Sparrow
  • Beginner
  • Beginner
  • No Avatar
  • Registrado: Ago 31, 2006
  • Mensajes: 36
  • Status: Offline

Nota Abril 22nd, 2008, 7:37 am

Hola, he visto algo interesante en un sitio web que quisiera saber más acerca de. Heres la URL: http://uk.playstation.com/ . Utilizan una película Flash como sus antecedentes, al mismo tiempo poner el contenido HTML en la parte superior.

¿Cómo puedo ser capaz de hacer esto?

Gracias.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Abril 22nd, 2008, 7:37 am

  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Nota Abril 22nd, 2008, 7:44 am

Theres demasiado allí para ver y dar una rápida respuesta, pero supongo que una rápida es a través de algunos theyre z-Índice capas en la hoja de estilos. Que algunos interesantes código. I bookmarked que para que un estudio.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • Jack Sparrow
  • Beginner
  • Beginner
  • No Avatar
  • Registrado: Ago 31, 2006
  • Mensajes: 36
  • Status: Offline

Nota Abril 22nd, 2008, 7:51 am

Así que está usted diciendo que esto podría lograrse usando CSS?
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Nota Abril 22nd, 2008, 9:20 am

Sí. CSS tiene un "capas" opción llamada z-index. z-index es como una orden de apilamiento. por lo que un z-Índice de 2 parece por encima de un índice-z de 1

Luego aplicar el estilo a los elementos <div> lugar y el flash en la <div> s.

Heres un ejemplo
http://www.echoecho.com/csslayers.htm

En este caso lo que Sony está haciendo en vez de capas de texto, son las capas en Flash. Al menos esa es como se ve.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Abril 23rd, 2008, 8:39 am

Su realmente muy fácil de hacer con CSS y z-index como ATNO / TW dijo. Heres un ejemplo que hice cuando estábamos tratando de trabajar hacia fuera. http://addsomespark.com/overunder/ Básicamente, el nuestro es un flash de fondo con texto html del mismo y, a continuación, más que por encima de flash.

Dos capturas. 1. Es necesario configurar el flash wMode a transpare no o que no funcionará, ya sea encima o debajo de html. (Flash no tendrá un color de fondo por lo que necesita para añadir un objeto dentro de flash que se convierte en el fondo)

2. si desea que el flash a ser el tamaño completo del sitio que usted necesita para establecer que sea 100% x 100% con los modos de escala y qué no.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • Jack Sparrow
  • Beginner
  • Beginner
  • No Avatar
  • Registrado: Ago 31, 2006
  • Mensajes: 36
  • Status: Offline

Nota Abril 24th, 2008, 6:32 am

Gracias, esa es exactamente lo que Im tratando de hacer. Malos echar un vistazo a su código graphixboy trabajo e intentar algo. Malos volver más tarde si tengo alguna duda o problema con conseguir que funcione, pero esa es una gran por ahora, Ill ir a trabajar en eso.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • Avatar de Usuario
  • Registrado: May 28, 2003
  • Mensajes: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Nota Abril 24th, 2008, 7:12 am

Gracias por el consejo acerca de la transparencia. Me había enterado de que había olvidado, pero sobre eso. Im va a necesitar eso. Im planificación para hacer algo bastante similar también.
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Abril 24th, 2008, 8:46 am

Que lo Im aquí para :-)
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • justin7542
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Ene 26, 2007
  • Mensajes: 29
  • Status: Offline

Nota Mayo 1st, 2008, 8:47 am

Estoy utilizando el flash en mi página web como un banner, pero estoy usando el menú SPRY que viene con Dreamweaver CS3. El menú desplegable no funcionará durante el flash. ¿Es necesario que el conjunto wMode en el flash para transpare no arreglar este problema? Si es así ¿cómo debo hacer esto de nuevo usando Flash?


Quote:
Dos capturas. 1. Es necesario configurar el flash wMode a transpare no o que no funcionará, ya sea encima o debajo de html. (Flash no tendrá un color de fondo por lo que necesita para añadir un objeto dentro de flash que se convierte en el fondo)

2. si desea que el flash a ser el tamaño completo del sitio que usted necesita para establecer que sea 100% x 100% con los modos de escala y qué no.
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de Usuario
  • Registrado: Jul 11, 2005
  • Mensajes: 1828
  • Loc: In the Great White North
  • Status: Offline

Nota Mayo 1st, 2008, 1:46 pm

Que lo más probable es solucionar el problema. ¿Cómo estás incrustar el flash en la página html? Su justo una configuración en el objeto de código de inserción.

Por ejemplo, según la SWFObject sólo tendría que añadir la línea:
Código: [ Select ]
so.addParam("wmode", "transparent");
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • justin7542
  • Novice
  • Novice
  • Avatar de Usuario
  • Registrado: Ene 26, 2007
  • Mensajes: 29
  • Status: Offline

Nota Mayo 6th, 2008, 6:46 am

He tryed añadiendo la línea en el flash integrado, pero no está trabajando o estoy haciendo mal. Yo simplemente estoy insertando el flash a través de INSERTAR -> Media -> Flash en la barra de menú. Soy bastante nuevo con este tipo de trabajo por lo que hay una buena oportunidad Sólo estoy haciendo algo mal. A continuación se muestra el código de inserción para el flash. ¿Me pueden ayudar con más detalle?

Código: [ Select ]
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" name="main" width="790" height="380" id="main" title="main" onfocus="MM_controlShockwave('main','','Play')">
         <param name="movie" value="MainFlash.swf" />
         <param name="quality" value="high" />
     <embed src="MainFlash.swf" width="790" height="380" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="main" swliveconnect="true"></embed>
        </object>
  1. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" name="main" width="790" height="380" id="main" title="main" onfocus="MM_controlShockwave('main','','Play')">
  2.          <param name="movie" value="MainFlash.swf" />
  3.          <param name="quality" value="high" />
  4.      <embed src="MainFlash.swf" width="790" height="380" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="main" swliveconnect="true"></embed>
  5.         </object>
  • ladulcevita
  • Born
  • Born
  • Avatar de Usuario
  • Registrado: Abr 11, 2011
  • Mensajes: 1
  • Status: Offline

Nota Abril 11th, 2011, 3:54 am

Gracias graphixboy y ATNO TW /!

He estado intentando durante horas para conseguir trabajo algo similar. Sabía que debía cambiar el wmode que no transpare, pero no pudo averiguar dónde compromiso con el bgcolor.

Después de algunos mods, utilizando el z-index en los estilos, puse todo lo demás en los marcos por encima del swf y lo que realmente trabajó en FF .. pero no en Chrome o IE.

Ojalá hubiera visto anoche!

Publicar Información

  • Total de mensajes en este tema: 12 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 91 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC