Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Problema maquetación web

Estas en el tema de Problema maquetación web en el foro de CSS en Foros del Web. Buenas a todos. Escribo por primera vez (de muchas), en este foro porque se me ha planteado un problema que, con mis conocimientos básicos, soy ...
  #1 (permalink)  
Antiguo 03/03/2015, 05:55
 
Fecha de Ingreso: marzo-2015
Mensajes: 16
Antigüedad: 9 años, 8 meses
Puntos: 0
Problema maquetación web

Buenas a todos. Escribo por primera vez (de muchas), en este foro porque se me ha planteado un problema que, con mis conocimientos básicos, soy incapaz de resolver. Os explico:

Estoy intentando crear una web de un portal de noticias, que voy a alojar en WordPress. Entre CSS y HTML estoy intentando hacer la gran mayoría del trabajo, ayudándome también de plugins como Jquery. El problema es que el código que tengo es "heredado", es decir, alguien lo intentó antes y yo estoy con el código que esa persona creó, por lo que también tengo plugins como Flexslider (aunque creo que este está funcionando usando Jquery). También me han pedido que la web sea responsive. Hasta aquí, todo bien.

El problema es el siguiente. Mi conocimiento de CSS y HTML es muy limitado, hay cosas que me sobrepasan, y aquí viene el problema: la web anterior tenía un slider de noticias (hecho con ese Flexslider creo), que iba desplazando las noticias en bloques de 6 con un diseño totalmente distinto al de ahora. Ahora quieren que, para ese slider, la cosa esté algo así:



Sea una división que contenga una tabla de 3x5, en la que dentro de cada celda (que debe ser cuadrada), esté la foto de la noticia, el enlace a la misma y demás (esto último me preocupa poco ahora mismo). Además, como buen slider, debe tener dos botones en los laterales para avanzar y atrasar el mismo, cargando noticias posteriores o anteriores. Las preguntas son las siguientes:
  • ¿Cómo debería hacer el slider?
  • ¿Uso solamente divisiones, o hay algún plugin que pueda ayudarme?
  • De haber algún plugin, ¿dónde puedo ver la documentación o tutoriales? (Si conocéis alguno, que pueda ser "para tontos")
  • ¿Creéis que debería reutilizar el código del slider y adaptarlo para el nuevo?

El problema de reutilizar el código es que hay muchísimas partes del mismo HTML y el CSS que no se cómo funcionan. Agradezco de antemano la ayuda, y si hay cualquier cosa más que necesitéis, estaré encantado de proporcionarla.

Un saludo.
  #2 (permalink)  
Antiguo 03/03/2015, 07:52
Avatar de GemliosG  
Fecha de Ingreso: enero-2015
Ubicación: La Habana
Mensajes: 153
Antigüedad: 9 años, 9 meses
Puntos: 8
Respuesta: Problema Maquetación Web

Vas a programar la web desde cero, o sea a codigo limpio o vas a utilizar un cms para crearla?
__________________
GemliosG
  #3 (permalink)  
Antiguo 03/03/2015, 09:57
 
Fecha de Ingreso: marzo-2015
Mensajes: 16
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: Problema maquetación web

Buenas.

Voy a utilizar el código que el antiguo programador hizo, así que se podría decir que voy a programarla "desde cero", que es como empezó él, pero con su código.

Un saludo.
  #4 (permalink)  
Antiguo 03/03/2015, 10:39
Avatar de GemliosG  
Fecha de Ingreso: enero-2015
Ubicación: La Habana
Mensajes: 153
Antigüedad: 9 años, 9 meses
Puntos: 8
Respuesta: Problema maquetación web

Mira soy novato, si fuese con cms te diera consejos sobre algunos plugins pero como es desde cero, te doy algunos link para que busques y mires:

http://wowslider.com/es/
http://www.jssor.com/
http://bxslider.com/examples/reload-slider
http://cssslider.com/es/
http://jqueryui.com/slider/
__________________
GemliosG
  #5 (permalink)  
Antiguo 03/03/2015, 10:56
 
Fecha de Ingreso: marzo-2015
Mensajes: 16
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: Problema maquetación web

Buenas.

Gracias por la respuesta, pero creo que no es eso exactamente lo que estoy buscando. Creo (que no estoy seguro), que esos sliders son solo para fotos, y no se si hay manera (repito, soy muy novato ), de ajustarla para que salga como muestro en el ejemplo que quiero conseguir, que sea un slider de 3x5 con 15 fotos cuadradas por slide (sin hacer N slides de 15 fotos).

Gracias de antemano. Un saludo.
  #6 (permalink)  
Antiguo 03/03/2015, 11:03
Avatar de GemliosG  
Fecha de Ingreso: enero-2015
Ubicación: La Habana
Mensajes: 153
Antigüedad: 9 años, 9 meses
Puntos: 8
Respuesta: Problema maquetación web

pero son fotos al fin y al cabo lo que vas a poner no?.

Descargate al de http://wowslider.com/es/ y leete el tutorial en la propia página.
__________________
GemliosG
  #7 (permalink)  
Antiguo 03/03/2015, 11:44
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años
Puntos: 91
Respuesta: Problema maquetación web

pues no entiendo muy bien que es lo que quieres hacer pero si solo es un cuadro de 3x5 de puras imagenes no es tan complicado, puedes hacerlo en CSS y html >_< nomas ponle esfuerzo y listo jejeje xD
  #8 (permalink)  
Antiguo 03/03/2015, 20:32
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: Problema maquetación web

Algo asi?

http://codepen.io/anon/pen/zxLzeY

Es una forma de hacerlo, pero no queda responsive.. a menos que adaptes todo el codigo para una nueva resolucion. Sino busca algun plugin jquery responsive, de esos hay muchos.

Saludos!
  #9 (permalink)  
Antiguo 04/03/2015, 05:56
 
Fecha de Ingreso: marzo-2015
Mensajes: 16
Antigüedad: 9 años, 8 meses
Puntos: 0
Respuesta: Problema maquetación web

Buenas.

Vaya! Muchísimas gracias Fede, eso me ayudará y guiará muchísimo. Había empezado a hacerlo así parecido, pero estoy teniendo bastantes problemas con el código que ya tenía, así que supongo que esto me ayudará a aclararme. De verdad, ¡muchas gracias!

Un saludo.

Última edición por spank_226; 04/03/2015 a las 10:46
  #10 (permalink)  
Antiguo 04/03/2015, 11:08
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: Problema maquetación web

Cita:
Iniciado por spank_226 Ver Mensaje
Buenas.

Vaya! Muchísimas gracias Fede, eso me ayudará y guiará muchísimo. Había empezado a hacerlo así parecido, pero estoy teniendo bastantes problemas con el código que ya tenía, así que supongo que esto me ayudará a aclararme. De verdad, ¡muchas gracias!

Un saludo.
De nada, un gusto :)

Etiquetas: html, maquetacion, slider
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 13:40.