Ver Mensaje Individual
  #7 (permalink)  
Antiguo 03/07/2010, 16:19
Avatar de freesoftwarrior
freesoftwarrior
 
Fecha de Ingreso: marzo-2006
Mensajes: 362
Antigüedad: 18 años, 8 meses
Puntos: 10
Respuesta: Como poner un diseño de televisor en un video

Veamos si puedo ayudarte

Primero debes agenciarte una imagen de un TV por supuesto. Puedes buscar en Google en imágenes y dar de preferencia a aquellos que tengan la pantalla negra o de un color más o menos parejo.

Ahora debes trabajar con layers, capas o div (son sinónimos). Supongamos que la imagen se llama tv.jpg, digamos de 400 x 400, entonces sería algo así:


Cita:
<div id="televisor">
.. aquí va el código de megavideo
</div>


En un archivo CSS incluyes los siguientes datos, que son los de ubicación de tu layer


Cita:
#televisor {
position: absolute;
top: 100px; (la distancia desde el tope de tu pantalla)
left: 200px; la distancia desde el borde izquierdo de tu pantalla)
z-index:100; (para que este siempre encima de todos)
background:url(ruta de la imagen tv.jpg) no-repeat;
padding:20px; (margan a cada lado del layer para que el código de megavideo encaje mejor, debes ir tanteando)
width: 400px;
height:400px;
}

Ahora un par de detalles:
¿por que un archivo .css externo?... bueno, porque en el puedes incluir todos los parámetros de ubicación, estilo, color, efecto, etc. de una página o web y no tienes que ir cambiando uno por uno, sino simplemente unos datos dentro del archivo.

¿por que la imagen del tv como background?, porque te permitirá manejar mejor la ubicación del código.

debes considerar el margen para el código de megaupload para que encaje bien.... en el ejemplo, la imagen del tv es de 400x400 y supongamos que el código de megavideo es para una pantalla de 300x300, entonces debes dar margen de 50px para todas las direcciones y eso se hace con un

padding: 50px;


ahora.. padding puede usarse con valores individuales así


padding: Apx Bpx Cpx Dpx


donde

A=borde superior
B=borde derecho
C=borde inferior
D=borde izquiedo


entonces si quieres margen arriba y abajo sería

padding: 10px 0 10px 0;

pero en este caso es a todo entonces puede ser


padding: 50px;

o

padding: 50px 50px 50px 50px;


Bueno, son ideas..... espero que te ayuden en algo