The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> HTML e-mail signature for dark mode, How to make an HTML e-mail signature with logo have a transparent back
Orkun
post Dec 6 2019, 03:46 AM
Post #1





Group: Members
Posts: 3
Joined: 6-December 19
Member No.: 27,066



Well, I guess the topic description itself says what I am looking for. How can someone make an HTML e-mail signature with logo have a transparent background? With all the new email clients especially in Apple Mail, iOS mail and more supporting this now, normal emails I create are rendered with white background on gmail for example, but with dark background in Apple Mail, which is fine.
But as soon as I put a logo in my HTML e-mail signature, the default rendering for any e-mail client becomes white. Is there a way to make it behave as if the background is transparent?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 6 2019, 06:44 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,505
Joined: 9-August 06
Member No.: 6



Make the background transparent in an image editor.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Orkun
post Dec 6 2019, 06:39 PM
Post #3





Group: Members
Posts: 3
Joined: 6-December 19
Member No.: 27,066



QUOTE(pandy @ Dec 6 2019, 12:44 PM) *

Make the background transparent in an image editor.


Thanks a lot, I don't think there is a background image in the email signature code, what shall I do to make it dark mode compatible?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
</head>
<body>
<br>
<br>
<a href="http://www.xxx.com" target="_blank"><img src="https://www.xxx.com/signature.png" alt="xxx" width="114" height="26" border="0"></a><br>
<font color="#312D2A" size="2" face="Sans, Verdana, Arial, Helvetica, sans-serif"> Name, Job Title<br>
Office: +0.000.000.0000<br>
Mobile: +0.000.000.0000<br>
Department<br>
Address</font>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Orkun
post Dec 6 2019, 06:40 PM
Post #4





Group: Members
Posts: 3
Joined: 6-December 19
Member No.: 27,066



QUOTE(pandy @ Dec 6 2019, 12:44 PM) *

Make the background transparent in an image editor.


Thanks a lot, I don't think there is a background image in the email signature code, what shall I do to make it dark mode compatible?

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
</head>
<body>
<br>
<br>
<a href="http://www.xxx.com" target="_blank"><img src="https://www.xxx.com/signature.png" alt="xxx" width="114" height="26" border="0"></a><br>
<font color="#312D2A" size="2" face="Sans, Verdana, Arial, Helvetica, sans-serif"> Name, Job Title<br>
Office: +0.000.000.0000<br>
Mobile: +0.000.000.0000<br>
Department<br>
Address</font>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 7 2019, 09:29 AM
Post #5


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,505
Joined: 9-August 06
Member No.: 6



There is some kind of image and it's called signature.png. You masked the URL to it.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th January 2020 - 07:40 AM