Foros del Web » Programando para Internet » PHP »

Orientación sobre cuadrícula

Estas en el tema de Orientación sobre cuadrícula en el foro de PHP en Foros del Web. Hola a todos. Me gustaría que alguien me pudiera dar alguna idea de cómo hacer una cuadrícula en PHP como la que se puede ver ...
  #1 (permalink)  
Antiguo 13/07/2012, 16:49
Musiker
Invitado
 
Mensajes: n/a
Puntos:
Orientación sobre cuadrícula

Hola a todos.

Me gustaría que alguien me pudiera dar alguna idea de cómo hacer una cuadrícula en PHP como la que se puede ver en esta web.http://unpixelporunasonrisa.com/. Tengo entendido que toda la página está hecha con un script, pero supongo que habrá alguna manera de generarla de forma más sencilla. Repito, sólo la cuadrícula. ¿Alguna idea?

Muchas gracias por adelantado.
  #2 (permalink)  
Antiguo 13/07/2012, 17:17
Avatar de skiper0125  
Fecha de Ingreso: octubre-2010
Ubicación: $this->Mexico('Toluca');
Mensajes: 1.127
Antigüedad: 13 años, 6 meses
Puntos: 511
Respuesta: Orientación sobre cuadrícula

Hola que tal.

Lo que vez en la página es una imágen no esta echa con nimgun lenguaje.

http://unpixelporunasonrisa.com/imagenes/back.gif

posiblemente la podrías crear con css pero este no es el foro adecuado.

Saludos
__________________
Recuerda que estamos aquí para orientarte, y no para hacer tu trabajo.
Si mi aporte fue de ayuda, recuerda que agradecer no cuesta nada +1

Skiper0125
  #3 (permalink)  
Antiguo 13/07/2012, 17:36
Avatar de Nopal_Studio  
Fecha de Ingreso: julio-2012
Ubicación: DF
Mensajes: 42
Antigüedad: 11 años, 9 meses
Puntos: 10
Respuesta: Orientación sobre cuadrícula

yo creo que puedes hacerlo de la siguiente manera:

todos los "Pixeles" se van a crear en divs
Código PHP:
Ver original
  1. $area_ancho = 600;
  2. $area_alto = 600;
  3. $pixel_ancho = 10;
  4. $pixel_alto = 10;
  5. $pixel_espacio = 2;
  6. $total_pixeles_ancho = ($area_ancho / ($pixel_ancho + $pixel_espacio));
  7. $total_pixeles_alto = ($area_alto / ($pixel_alto + $pixel_espacio));
  8.  
  9. for($recorrido_ancho=1;$recorrido_ancho<=$total_pixeles_ancho;$recorrido_ancho++)
  10. {
  11.  for($recorrido_alto=1;$recorrido_alto<=$total_pixeles_alto;$recorrido_alto++)
  12.  {
  13.   echo "<a href=\"#\"><div style=\" background: #f1f2f3; width:".$pixel_ancho."px; height:".$pixel_alto."px; margin: ".$pixel_espacio."px; float:left; \"></div></a>";
  14.  }
  15.  echo "<div style=\"clear:both;\"></div>";
  16. }

Espero te sirva, éxito...
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 18:14.