2013-07-26 2 views
0

Я кодирую html-адрес электронной почты для Outlook, где я должен добавить фоновое изображение для целого, я нашел this article и попытался с ним, я получил код, что мне нужно, но проблема в том, что я relly не в состоянии получить, как использовать его, вот что я нашел по этой ссылкеДобавление Backgroung изображения в Outlook Шаблон электронной почты

тощей, что вы должны replace your <html> tag with:<html xmlns:v="urn:schemas-microsoft-com:vml"> ... затем добавить это к вашим стилям, слишком :v:* { behavior: url(#default#VML); display: inline-block; }As for the <td> вы хотите добавить фоновое изображение, добавить следуя внутри ячейки (где ширина и высота являются размерами изображения): мой <td> код такой как

<td height="296" colspan="2" valign="top" background="image.png" class="bodyContent" style="border-collapse: collapse">      

<div id= "main_content" > content </div>            
    </td> 

Как я могу связать вышеуказанный код с этим, чтобы добавить фоновое изображение, пожалуйста, проверьте ссылку и помогите мне.

ответ

0

Добавить фоновое изображение в сообщение в Outlook, Для вставки изображения на фоне электронной почты вы составляете в Outlook:

  1. Убедитесь, что сообщение скомпоновать использует HTML-форматирование.
  2. Расположите курсор в теле сообщения.
  3. Перейдите на вкладку «Параметры».
  4. Нажмите Цвет страницы.
  5. Выберите Fill Effects ... из меню.
  6. Перейдите на вкладку «Изображение».
  7. Нажмите Выбрать изображение ....
  8. Найдите и выделите желаемое фоновое изображение.
  9. Нажмите «Вставить». 10. Теперь нажмите OK.

Добавить фоновое изображение к сообщению в Outlook 2000, Outlook 2002 и Outlook 2003 Чтобы добавить фоновое изображение к сообщению в Outlook (при условии, что вы не используете Слово для редактирования сообщений электронной почты):

  1. Начните составлять новое письмо с использованием форматирования HTML.
  2. Нажмите в теле сообщения.
  3. Выбрать формат | Фон | Изображение ... из меню.
  4. Используйте диалог выбора файла, чтобы выбрать изображение с вашего диска.
  5. Нажмите OK.

http://email.about.com/od/outlooktips/qt/How_to_Add_a_Background_Image_to_a_Message_in_Outlook.htm

+0

Я делаю это в Dreamweaver –

1

За инструкциями emailbg.net, ваш код должен выглядеть следующим образом:

EDIT: Добавлена ​​вся электронная почта, как тест отправленного в себе, который работает, как ожидалось в Outlook:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title></title> 

</head> 
<body style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF"><table bgcolor="#cccccc" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td><table width="640" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"><tr><td valign="top" style="padding-top:30px; padding-bottom:30px;"> 

<table border="0" cellpadding="0" cellspacing="0"><tr> 
<td background="http://lorempixel.com/400/296/" bgcolor="#f6f6f6" height="296" width="400" colspan="2" valign="top" class="bodyContent" style="border-collapse: collapse;"> 
    <!--[if gte mso 9]> 
    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:400px;height:296px;"> 
    <v:fill type="tile" src="http://lorempixel.com/400/296/" color="#f6f6f6" /> 
    <v:textbox inset="0,0,0,0"> 
    <![endif]--> 
    <div> 

<div id= "main_content" > content </div> 

    </div> 
    <!--[if gte mso 9]> 
    </v:textbox> 
    </v:rect> 
    <![endif]--> 
</td> 
</tr></table> 


</td></tr></table></td></tr></table></body></html> 

Просто поменяйте образ на свой относительный и измените ширину на то, что вам нужно.

+0

Но это не работает в Outlook –

+0

@JavaStudent Просто добавлен код, чтобы он включал в себя всю (основную) электронную почту. Это отлично работает при отправке в Outlook. – John

 Смежные вопросы

  • Нет связанных вопросов^_^