No es tan feo como parece y se puede automatizar al punto de solo darle el nombre y las medidas. Primero supongo que ya tienes recortadas las esquinas y guardadas.
- Primero:
En el head de tu html le escribes
Código HTML:
<script>
function getImg(nombre, ancho, alto) {
document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+ancho+'" height="'+alto+'" background="'+nombre+'"><tr>');
document.write('<td align="left" valign="top"><img src="ESQUINA_ARRIBA_IZQ" /></td>');
document.write('<td align="right" valign="top"><img src="EQUINA_ARRIBA_DERECHA" /></td>');
document.write('</tr><tr>');
document.write('<td align="left" valign="bottom"><img src="ESQUINA_ABAJO_IZQUIERDA" /></td>');
document.write('<td align="right" valign="bottom"><img src="ESQUINA_ABAJO_DERECHA" /></td>');
document.write('</tr></table>');
}
</script> - Segundo, reemplaza ESQUINA_ABAJO_IZQUIERDA por la imagen de tu esquina e igual con todas las esquinas
- Finalmente, cada vez que quieras poner una imagen solo le dices:
Código HTML:
<script>getImg('el_nombre.gif', 203, 152)</script>
Espero te haya servido, saludos
Por cierto y casi se me olvidaba, NO es necesario recortar nada (excepto las esquinas) ni meterse con nadie, algo artificial pero por dios, es mejor que editar y editar imagenes