Foros del Web » Creando para Internet » Diseño web »

Modificando plantilla html, css & js

Estas en el tema de Modificando plantilla html, css & js en el foro de Diseño web en Foros del Web. Hola a tod@s! Y gracias al que se haya parado a leer mi post (cruzo los dedos esperando con que alguien me pueda ayudar) Hace ...
  #1 (permalink)  
Antiguo 30/03/2017, 05:25
 
Fecha de Ingreso: noviembre-2009
Mensajes: 5
Antigüedad: 14 años, 5 meses
Puntos: 0
Pregunta Modificando plantilla html, css & js

Hola a tod@s!

Y gracias al que se haya parado a leer mi post (cruzo los dedos esperando con que alguien me pueda ayudar)

Hace poco descubrí una web de un diseñador web donde ofrece recursos gratuitos. Uno de estos recursos, es una plantilla para crear un cv/portfolio online.

Esta plantilla tiene una retícula con varias imágenes (la galería de trabajos) y si pulsas sobre una de ellas, aparece un "popup" con la imagen de dicho trabajo y un texto explicativo. Para cada imagen de esta galería, aparece el mismo "popup" a modo de ejemplo.

La cuestión es que quería hacer un "popup" individual, para cada proyecto (como es lógico). Pero me doy cuenta de que no doy con la tecla, no sé cual es el código que debo duplicar, si tengo que modificar algo en los archivos .js, en los .css o si sólo debo tocar "algo" en el archivo "index.html".

La plantilla de la que os hablo se encuentra en el siguiente enlace y como digo, se puede descargar.

http://ahmedessa.net/resume.html

Parecía fácil pero veo que mi nivel de conocimientos sobre código, es bastante bajo aún.

Si me pudiera ayudar alguien y orientarme en qué debo modificar o mirar en el código, se lo agradezco muchísimo! (aclarar que busqué documentación y contacté con el diseñador, pero nada) :(

Muchas tracias a tod@s! Un saludo!
  #2 (permalink)  
Antiguo 03/04/2017, 15:23
Avatar de CircuitoX  
Fecha de Ingreso: julio-2008
Mensajes: 756
Antigüedad: 15 años, 8 meses
Puntos: 21
Respuesta: Modificando plantilla html, css & js

Hola, deberias enviar el enlace directo a lo quieres hacer, en la página que indicas no se si te refieres a la parte de proyectos, esto esta hecho con javascript y css3.

Javascript, la parte de efecto donde mustran los proyectos según sea el proyecto y css hover cuando te situas con el mouse en cada imagen.

Para hover:
https://tympanus.net/Tutorials/Origi...cts/index.html

Efecto javascript:
http://www.jqueryrain.com/?52sfgGur

Esto lo podrias cambiar por ejemplo con un popup puro css:

https://codepen.io/imprakash/pen/GgNMXO
__________________
Diseño Robotico en Arequipa / Desarrollo web / Sitios / Paginas / 99 css3

Etiquetas: bootstrap, css, html, javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:12.