Ver Mensaje Individual
  #3 (permalink)  
Antiguo 24/04/2014, 09:25
Avatar de Linton
Linton
 
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 4 meses
Puntos: 55
Respuesta: Rótulo de "Agotado" sobre fotos de los artículos

Por si a alguien le interesa, explico cómo hacerlo. Hay que meter cada imagen en un div, con este CSS:
Código CSS:
Ver original
  1. float: left;
  2.     width: 136px;
  3.     height: 160px;
  4.     display: block;
  5.     overflow: hidden;

Creamos el archivo agotado.php:

Código PHP:
Ver original
  1. <span style="font: 30px Arial;
  2. color: orange;
  3. padding: 2px 5px;
  4. display: inline-block;
  5. border: 3px solid orange;
  6. position:relative;
  7. top: -120px;
  8. left: 0px;">Agotado</span>

Y ya sencillamente en el index.html donde están las fotos ponemos la llamada en los div que corresponda: <?php include('agotado.php');?>

Sencillo