¿Borrado de imágenes del fondo del correo?
Cuando selecciono un fondo para el correo, este tiene dos imágenes una en la parte de abajo y la otra en la parte de arriba y centrado, el cursor se queda junto detrás del dibujo, y si por error lo doy borrar hacia atrás, el dibujo se borra; como se puede dejar el dibujo de arriba fijo para que no se borre, y posicionar el cursor una linea más abajo y que no este centrada.
<html>
<head>
<meta http-equiv="Content-Language" content="es">
<title></title>
<style>
<!-- body
{font-family: Arial;
font-size: 12pt;
color: #000000;
margin-top: 10px;
margin-left: 15px;
background-position: right bottom;
background-repeat: no-repeat;}
-->
</style>
</head>
<center><img src="Lo siento 1bis.gif" valign="bottom"></center>
<body background="Lo siento 1.gif"; bgColor=#f5e6ce>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Language" content="es">
<title></title>
<style>
<!-- body
{font-family: Arial;
font-size: 12pt;
color: #000000;
margin-top: 10px;
margin-left: 15px;
background-position: right bottom;
background-repeat: no-repeat;}
-->
</style>
</head>
<center><img src="Lo siento 1bis.gif" valign="bottom"></center>
<body background="Lo siento 1.gif"; bgColor=#f5e6ce>
</body>
</html>
1 respuesta
Respuesta de yashir
1
Permíteme hacer un pequeño recordatorio sobre la diferencia entre el "fondo" y el "cuerpo" del mensaje. El fondo actúa como tal, es decir, va por detrás de cualquier texto o imagen, y "no se puede modificar" (si no es entrando en el propio archivo .html). Por contra, el cuerpo del mensaje contiene texto e imágenes, que así como pueden ser añadidas u agregadas, pueden ser borradas.
Toda esta explicación viene a cuenta de que la imagen que mencionas, en la parte de arriba y centrada del mensaje, forma parte del cuerpo del mensaje, y por lo tanto, tiene las propiedades o características, como prefieras llamarlo, mencionadas anteriormente.
No obstante, aquí te ofrezco un nuevo código, no muy distinto al que has puesto, con el que podrás evitar en gran medida, el que se pueda borrar esa imagen (hay que pulsar 3 veces el botón de retroceso=borrado, oséase, casi aposta). Y de paso, con este código, en casi todos los sitios donde clickees, va a ir por defecto, a la primera línea de debajo de la imagen.
<html>
<head>
</head>
<Body style="BACKGROUND-POSITION: right bottom;
FONT-SIZE: 12pt;
MARGIN: 0px 10px 10px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: Verdana"
bgProperties=fixed bgColor=#f7e7ce background=02_b.gif scroll=yes>
<img src="02.gif" align=left width="150" height="38">
<br clear=left>
</BODY>
</html>
...
En fin, como siempre, un placer haberte ayudado, y ya sabes, si contienes teniendo más dudas, no dudes en preguntarme.
Toda esta explicación viene a cuenta de que la imagen que mencionas, en la parte de arriba y centrada del mensaje, forma parte del cuerpo del mensaje, y por lo tanto, tiene las propiedades o características, como prefieras llamarlo, mencionadas anteriormente.
No obstante, aquí te ofrezco un nuevo código, no muy distinto al que has puesto, con el que podrás evitar en gran medida, el que se pueda borrar esa imagen (hay que pulsar 3 veces el botón de retroceso=borrado, oséase, casi aposta). Y de paso, con este código, en casi todos los sitios donde clickees, va a ir por defecto, a la primera línea de debajo de la imagen.
<html>
<head>
</head>
<Body style="BACKGROUND-POSITION: right bottom;
FONT-SIZE: 12pt;
MARGIN: 0px 10px 10px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: Verdana"
bgProperties=fixed bgColor=#f7e7ce background=02_b.gif scroll=yes>
<img src="02.gif" align=left width="150" height="38">
<br clear=left>
</BODY>
</html>
...
En fin, como siempre, un placer haberte ayudado, y ya sabes, si contienes teniendo más dudas, no dudes en preguntarme.
El cursor se sigue quedando por encima del dibujo (el que se coloco en la parte de arriba), y cuando se escribe es desplazado hacia abajo.
No se la verdad, por que no te funciona correctamente con ese código.
La foto está configurada para que salga arriba y a la izquierda, es decir, lo primero de todo. Y por obligación, el cursor siempre va a ir detrás. Con lo cual, no llego a entender como se te puede desplazar la imagen.
No obstante, no cejo en mi empeño, y te mando a tu correo, un mail, con ese diseño de fondo, a fin de "por si hay algo.. distinto". Suele ser algún tag que se cuela a la vista, tipo <p>, o <br>.
Mira el email, y según lo que veas, me posteas con tu resultado/conclusion
La foto está configurada para que salga arriba y a la izquierda, es decir, lo primero de todo. Y por obligación, el cursor siempre va a ir detrás. Con lo cual, no llego a entender como se te puede desplazar la imagen.
No obstante, no cejo en mi empeño, y te mando a tu correo, un mail, con ese diseño de fondo, a fin de "por si hay algo.. distinto". Suele ser algún tag que se cuela a la vista, tipo <p>, o <br>.
Mira el email, y según lo que veas, me posteas con tu resultado/conclusion
Estuve viendo el video que me mandaste, y efectivamente el cursor está por encima de la imagen, y cuando lo probé en el mio, también me ocurría lo mismo, por lo cual pido disculpas por haber afirmado lo contrario.
Para enmedarlo, he creado 3 tipos distintos de fondos, porque al fin y al cabo, no es un error en sí, sino es determinar el sitio exacto donde debe ir el cursor (cuestión a gusto del usuario).
Brevemente te explico cada uno.
Flavor 2: contiene el código tal cual, descrito en el anterior post.
Flavor 2.1: La imagen de arriba esta perfect, es decir, no se puede borrar, y el cursor va 2 lineas por debajo de la imagen (Me he válido de una nueva imagen que he creado, ya lo verás). ¿El pero?, pues la imagen que antes estaba como fondo, ahora está situada a la derecha, y no se mueve.
Flavor 3: Es el que mejor está, en mi opinión. Guarda la "esencia" del email: Imagen de fondo abajo a la derecha, y otra en el "cuerpo" arriba a la izquierda. Respeta lo del cursor, puesto que siempre se va a situar por detrás de la imagen. ¿El pero? No se si uno de los tags que le he puesto, te va a funcionar, ya me contarás.
Pero bueno, ya más no se me ocurre. Por supuesto, te mando cada .html que he creado a tu correo, para que escojas el que más te gusta.
Por si hay alguien más con la misma duda, escribo aquí cada código, aunque obviamente tendrá que cambiar los nombres, adaptondolos a los de sus imágenes.
Flavor 2:
<html>
<head>
</head>
<BODY style="BACKGROUND-POSITION: right bottom;
FONT-SIZE: 10pt;
MARGIN: 0px 10px 0px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: Comic Sans ms;
FONT-COLOR: blue;
"
bgProperties=fixed bgColor=#f7e7ce background=02_b.gif scroll=yes>
<img src="02.gif" align=left valign=top width="150" height="38">
<br clear=left>
</BODY>
</html>
Flavor 2.1:
<html>
<head>
</head>
<BODY style="BACKGROUND-POSITION: left top;
FONT-SIZE: 10pt;
margin-top: 50px;
margin-left: 20px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: Comic Sans ms;
FONT-COLOR: blue;
"
bgProperties=fixed bgColor=#f7e7ce background="02_c.gif" scroll=yes>
<img src="02_b.gif" align=right>
</BODY>
</html>
Flavor 3:
<html>
<head>
<title> Lo siento</title>
<style>
<!-- body { font-family: Comic Sans ms;
font-size: 10pt;
margin-top: 20px;
margin-left: 20px;
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: right bottom;
}
img { margin-top: 5px;
margin-left: 5px;
}
-->
</style>
</head>
<body background="02_b.gif" bgColor=#f7e7ce>
<img src="02.gif" align=left>
<p></p>
<SPAN id="_AthCaret"></SPAN>
</body>
</html>
...
En fin, vuelvo a pedir disculpas por mi pequeño fallo, y espero en compensación, haberte ayudado con estos nuevos códigos. Ya me contarás.
Para enmedarlo, he creado 3 tipos distintos de fondos, porque al fin y al cabo, no es un error en sí, sino es determinar el sitio exacto donde debe ir el cursor (cuestión a gusto del usuario).
Brevemente te explico cada uno.
Flavor 2: contiene el código tal cual, descrito en el anterior post.
Flavor 2.1: La imagen de arriba esta perfect, es decir, no se puede borrar, y el cursor va 2 lineas por debajo de la imagen (Me he válido de una nueva imagen que he creado, ya lo verás). ¿El pero?, pues la imagen que antes estaba como fondo, ahora está situada a la derecha, y no se mueve.
Flavor 3: Es el que mejor está, en mi opinión. Guarda la "esencia" del email: Imagen de fondo abajo a la derecha, y otra en el "cuerpo" arriba a la izquierda. Respeta lo del cursor, puesto que siempre se va a situar por detrás de la imagen. ¿El pero? No se si uno de los tags que le he puesto, te va a funcionar, ya me contarás.
Pero bueno, ya más no se me ocurre. Por supuesto, te mando cada .html que he creado a tu correo, para que escojas el que más te gusta.
Por si hay alguien más con la misma duda, escribo aquí cada código, aunque obviamente tendrá que cambiar los nombres, adaptondolos a los de sus imágenes.
Flavor 2:
<html>
<head>
</head>
<BODY style="BACKGROUND-POSITION: right bottom;
FONT-SIZE: 10pt;
MARGIN: 0px 10px 0px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: Comic Sans ms;
FONT-COLOR: blue;
"
bgProperties=fixed bgColor=#f7e7ce background=02_b.gif scroll=yes>
<img src="02.gif" align=left valign=top width="150" height="38">
<br clear=left>
</BODY>
</html>
Flavor 2.1:
<html>
<head>
</head>
<BODY style="BACKGROUND-POSITION: left top;
FONT-SIZE: 10pt;
margin-top: 50px;
margin-left: 20px;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: Comic Sans ms;
FONT-COLOR: blue;
"
bgProperties=fixed bgColor=#f7e7ce background="02_c.gif" scroll=yes>
<img src="02_b.gif" align=right>
</BODY>
</html>
Flavor 3:
<html>
<head>
<title> Lo siento</title>
<style>
<!-- body { font-family: Comic Sans ms;
font-size: 10pt;
margin-top: 20px;
margin-left: 20px;
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: right bottom;
}
img { margin-top: 5px;
margin-left: 5px;
}
-->
</style>
</head>
<body background="02_b.gif" bgColor=#f7e7ce>
<img src="02.gif" align=left>
<p></p>
<SPAN id="_AthCaret"></SPAN>
</body>
</html>
...
En fin, vuelvo a pedir disculpas por mi pequeño fallo, y espero en compensación, haberte ayudado con estos nuevos códigos. Ya me contarás.
