« anterior próximo »
Páginas: [1] 2

Autor Tema:  MOD - Efecto Hover Video en Caratulas.  (Leído 3928 veces)

0 Usuarios y 1 Visitante están viendo este tema.

  • *
  • Mensajes: 1574
  • Actividad:
    0%
  • Karma: 346
  • Puntos de Comercio
    3 (66.67%)
  • Awards ¡Gracias por todos tus aportes! Placa exclusiva para clientes de MarcoRED.com
    • Awards
MOD - Efecto Hover Video en Caratulas.
« en: 16 de Diciembre de 2012, 06:40:28 pm »
Hola, bueno pues la verdad, quería ser el Único teniendo esto para mi web, pero pues, aquí todos nos ayudamos y aportamos algo verdad, así que pues no me quedare con eso y mejor lo compartiré con todos.

Lo siguiente que les dejare aqui es que cuando pasen el "Mouse" por encima de de la caratula salga el efecto Hover con una Imagen que diga "Ver Pelicula" el demo lo pueden ver en mi pagina web que muchos saben, pero aqui les dejare la URL:

http://movieinhouse.info/

Bueno, lo unico que tienen que hacer es agregar al final de su CSS, este codigo:

Código: [Seleccionar]
#caratula {
{
	background:url(http://www.viendoestrenos.com/Temas/default/img/ver-pelicula.png);
	transition:0.5;
	-moz-transition:0.5;
	-webkit-transition:0.5;
	-o-transition:0.5;
}
.peli_img_img:hover {
    background: url("http://i.imgur.com/ixLhm.png")no-repeat
}
.peli_img_img:hover img {
    opacity: 0.20;
}

Despues tiene que ir a su HOME.TPL & buscar esto:

Código: [Seleccionar]
<div class="peli_img_img">

Y poner arriba o debajo este codigo:

Código: [Seleccionar]
<div class="peli_img p_relative">

& LISTO(: Ya tiene su efecto Hover Video.

Aqui una Imagen(:

Mostrar contenido

Creditos:
Mostrar contenido
Dueño de Vienendoestrenos
y al usuario azecktR12 por ayudarme a complementar el codigo
« última modificación: 16 de Diciembre de 2012, 07:03:03 pm por Linuxpro »
En línea
  • *
  • Mensajes: 97
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
  • Admin www.youpelix.com
  • Awards Placa exclusiva para clientes de MarcoRED.com
    • You Pelix
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #1 en: 16 de Diciembre de 2012, 06:49:17 pm »
Gracias por el aporte :D
En línea
  • *
  • Mensajes: 1574
  • Actividad:
    0%
  • Karma: 346
  • Puntos de Comercio
    3 (66.67%)
  • Awards ¡Gracias por todos tus aportes! Placa exclusiva para clientes de MarcoRED.com
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #2 en: 16 de Diciembre de 2012, 07:05:58 pm »
Cita de: Naithering en 16 de Diciembre de 2012, 06:49:17 pm
Gracias por el aporte :D

De nada amigo, suerte con tu web(:
En línea
  • **
  • Mensajes: 5492
  • Actividad:
    0%
  • Karma: 1276
  • Puntos de Comercio
    16 (100%)
  • Awards Premio el mejor usuario del 2013! Gracias por tus aportes en scripts PHP Placa exclusiva para clientes de MarcoRED.com Por ser el más destacado en el año 2012
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #3 en: 16 de Diciembre de 2012, 07:22:54 pm »
Gracias por el aporte
En línea
  • *
  • Mensajes: 4568
  • Actividad:
    0%
  • Karma: 162
  • Puntos de Comercio
    5 (100%)
  • Awards ¡Gracias por todos tus aportes! Destacado por denunciar cualquier comportamiento inapropiado Por haber llegado a una actividad del 100%
    • TodoPelys
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #4 en: 16 de Diciembre de 2012, 07:48:58 pm »
gracias por el aporte, pero ya lo tenia :D
En línea
  • *
  • Mensajes: 298
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    1 (100%)
  • Compartiendo Creceremos
  • Awards ¡Gracias por realizar una donación al foro!
    • Pipelilye cine
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #5 en: 17 de Diciembre de 2012, 06:47:45 am »
gracias
En línea
Compartiendo Creceremos
  • *
  • Mensajes: 290
  • Actividad:
    0%
  • Karma: 30
  • Puntos de Comercio
    0 (0%)
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #6 en: 17 de Diciembre de 2012, 09:58:50 pm »
gracias por el aporte amigo. me funciono 100%%%
En línea
https://widool.com  - Sube, Comparte y ganas. Gana dinero subiendo y compartiendo archivos.
https://bingoddl.com - Es la manera más fácil y rapida de descargar todos tus canciones, libros, revistas, periodicos favoritos totalmente gratis.
  • *
  • Mensajes: 1574
  • Actividad:
    0%
  • Karma: 346
  • Puntos de Comercio
    3 (66.67%)
  • Awards ¡Gracias por todos tus aportes! Placa exclusiva para clientes de MarcoRED.com
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #7 en: 17 de Diciembre de 2012, 10:12:17 pm »
Cita de: Hostingbir en 17 de Diciembre de 2012, 09:58:50 pm
gracias por el aporte amigo. me funciono 100%%%

De nada, deja tu web para verlac:
En línea
  • *
  • Mensajes: 403
  • Actividad:
    0%
  • Karma: 102
  • Puntos de Comercio
    3 (100%)
  • Soy el Único
  • Awards Placa exclusiva para clientes de MarcoRED.com
    • PeliculasHol! peliculas online
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #8 en: 18 de Diciembre de 2012, 04:17:48 pm »
exelente amigo esto no afecta la ventana de sinopsis y datos de la peliculas?
En línea


"Proximamente"
  • *
  • Mensajes: 1574
  • Actividad:
    0%
  • Karma: 346
  • Puntos de Comercio
    3 (66.67%)
  • Awards ¡Gracias por todos tus aportes! Placa exclusiva para clientes de MarcoRED.com
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #9 en: 18 de Diciembre de 2012, 04:23:59 pm »
Cita de: movie en 18 de Diciembre de 2012, 04:17:48 pm
exelente amigo esto no afecta la ventana de sinopsis y datos de la peliculas?


No amigo(:
En línea
  • *
  • Mensajes: 403
  • Actividad:
    0%
  • Karma: 102
  • Puntos de Comercio
    3 (100%)
  • Soy el Único
  • Awards Placa exclusiva para clientes de MarcoRED.com
    • PeliculasHol! peliculas online
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #10 en: 18 de Diciembre de 2012, 05:14:38 pm »
Cita de: Linuxpro en 18 de Diciembre de 2012, 04:23:59 pm

No amigo(:

exelente luego lo pruebo gracias por copartirlo
En línea


"Proximamente"
  • *
  • Mensajes: 332
  • Actividad:
    0%
  • Karma: 1
  • Puntos de Comercio
    1 (100%)
  • Movie VK
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #11 en: 18 de Diciembre de 2012, 07:02:23 pm »
Se ve muy bueno intentare ponerlo en mi blog
En línea
  • *
  • Mensajes: 250
  • Actividad:
    0%
  • Karma: 55
  • Puntos de Comercio
    4 (100%)
    • SeriesTom
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #12 en: 22 de Diciembre de 2012, 01:37:35 pm »
se bueno pero no me funcino
En línea
Mi META==> GANAR "$80$" DIARIOs
  • *
  • Mensajes: 1574
  • Actividad:
    0%
  • Karma: 346
  • Puntos de Comercio
    3 (66.67%)
  • Awards ¡Gracias por todos tus aportes! Placa exclusiva para clientes de MarcoRED.com
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #13 en: 22 de Diciembre de 2012, 03:42:12 pm »
Cita de: TOMMYNRH en 22 de Diciembre de 2012, 01:37:35 pm
se bueno pero no me funcino

¿Porque no te funciono?
En línea
  • *
  • Mensajes: 81
  • Actividad:
    0%
  • Karma: 0
  • Puntos de Comercio
    0 (0%)
    • Thetopsessions
    • Awards
Re:MOD - Efecto Hover Video en Caratulas.
« Respuesta #14 en: 06 de Enero de 2013, 12:22:22 am »
Linuxpro ami tampoco me funciono puse el codigo css, lo de poner el home no lo puse ya que lo tengo puesto, pero aun asi lo puse haber pero no va  :'(
En línea
Páginas: [1] 2
« anterior próximo »
 

Temas Similares

  Asunto / Iniciado por Respuestas Último mensaje
3 Respuestas
2177 Vistas 		Último mensaje 29 de Noviembre de 2011, 07:16:10 am
por Daniela
14 Respuestas
3473 Vistas 		Último mensaje 18 de Junio de 2014, 05:18:22 am
por universogame
4 Respuestas
2061 Vistas 		Último mensaje 09 de Enero de 2012, 03:38:55 pm
por adrites
24 Respuestas
3488 Vistas 		Último mensaje 05 de Mayo de 2013, 07:55:39 pm
por pipelilye
13 Respuestas
2621 Vistas 		Último mensaje 26 de Marzo de 2013, 10:32:03 pm
por Rafii Dj