Como ya os comente en otro articulo, se podia poner un video de YouTube con forma de un iPhone. Pues esto seria mas o menos lo mismo, pero con otra imagen de fondo diferente, y con la posibilidad tambien de poner tanto una imagen como un video (sea de YouTube o de donde sea). La tecnica es la misma, he empleado una imagen de un telefono movil formato png transparente (ya incluida en el codigo) y estilos CSS. Para poner elementos de esta manera, tan solo teneis que copiar el codigo de abajo y añadirlo donde querais. Recordad que el tamaño del video o de la imagen tiene que ser de 240px de ancho por 400px de alto para que encaje perfectamente.
EJEMPLOS:
 |
 <div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOrWbck89IfJgfTaMdEt80GSewXUDMfIwoktZEk4A_-EPnRhJJk5qevV0TuLsG1D32XY3tirr0AVvr33WukwjTAIE34I5A4oO8RRX0_Q54lxeSTzVeeP-ChG2j9M20hsan4_OXxBpN8Zk/s597/fondo%2520movil%2520REDEANDO.png) no-repeat top left; height: 597px; margin: 0 auto; padding-bottom: 30px; width: 300px;"> <div style="height: 400px; margin: 0 auto; position: relative; top: 75px; width: 240px;"> AQUI VA LA IMAGEN O EL VIDEO </div></div> |
