Rótulo de "Agotado" sobre fotos de los artículos

[Linton]

En muchos casos, las marcas de ropa quieren seguir exhibiendo en su web los diseños aunque se hayan agotado. Claro está, advirtiendo de manera ostensible que ya no están disponibles.

Bien, me toca hacerlo Pienso que debería recurrir a un archivo en PHP, ¿o no? ¿Cuál sería la mejor manera de poner a una foto el sello de AGOTADO?

Gracias, un saludo.

[Linton]

Bueno, pues ha funcionado con el letrero metido en un archivo PHP, estilos incluidos en el <span>
Creo que es la manera más rápida de cambiarlo, pero estoy abierto a cualquier sugerencia. Saludos.

[Linton]

Por si a alguien le interesa, explico cómo hacerlo. Hay que meter cada imagen en un div, con este CSS:

Código CSS:

float: left;
    width: 136px;
    height: 160px;
    display: block;
    overflow: hidden;
 

Creamos el archivo agotado.php:

Código PHP:

<span style="font: 30px Arial;
 color: orange;
 padding: 2px 5px;
 display: inline-block;
 border: 3px solid orange;
 position:relative;
 top: -120px;
 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

[Rafael]

O puedes usar una imagen como esta: