Autor Zpráva
juraa
Profil *
Dobrý den,
chodí mi e-maily v HTML formátu a já bych chtěl taky odeslat podobný.

Problém je v tom, že nevím jak a kde mám vložit obrázky.

Oni vkládájí obrázky takto:
<img class="im_mid" src="cid:360800055601-201.jpg">

Vůbec nevím co to "cid:360800055601-201.jpg" znamená a jak to do toho e-mailu vložit. (Hlavně co to je to cid:)

Zbytek zvládnu normálně a všemu rozumím akorát ty obrázky...

Prosím poraďte mi jak na to.
Děkuji vám za pomoc.

Kousek e-mailu, který mi chodí.

<html>
<head>

<title>týdenní nabídka 27.6. - 3.7.2009</title>
</head>
<style type="text/css">
body { color: #2A2A2A; font-family: Tahoma; font-size: 9pt; text-align: center; }
table { font-size: 9pt; margin-bottom: 4px; margin-left: 0px; }
// td { border: 1px black dotted; }
a { color: #E93059; text-decoration: none; }
a:hover { text-decoration: underline; }
p { text-align: justify; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
hr { color: #2F2F91; width: 100%; }
.content { width: 700px; margin-left: auto; margin-right: auto; text-align: left; }
// .content * { border: 1px black dotted; }
.doprodej { display: inline; font-size: 28pt; font-weight: bold; color: white; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; }
.pod { border-bottom: 5px #2F2F91 solid; }
.predmet, .podnazev, .podnazev_mid { font-weight: bold; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
.podnazev_mid1 { font-weight: bold; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; }
.predmet { background-color: #008256; font-size: 12pt; text-transform: uppercase; margin-top: 10px; }
.tab_sort_mid, .tab_sort { background-color: #FFFFFF; }
.tab_zahl { margin-bottom: 0px;}
.tab_big { margin-bottom: 2em; border-bottom: 3px #FE3000 solid; border-left: 3px #FE3000 solid; }
.no_left_mar { margin-left: 0px; }
.zahlavi { background-color: #009B79; background-image: url(zeleny_l.gif); background-repeat: no-repeat; padding-top: 2px; padding-bottom: 2px; }
.zahlavi1 { background-color: #FFFFFF; background-repeat: no-repeat; padding-top: 2px; padding-bottom: 0px; border-bottom:1px solid #CCCCCC}
.zahlavi_p { background-color: #009B79; background-image: url(zeleny_p.gif); background-repeat: no-repeat; background-position: right top; }
.zahlavi_mid { background-color: #145ABA; background-image: url(cid:modry_l.gif); background-repeat: no-repeat; padding-top: 2px; padding-bottom: 2px; }
.zahlavi_mid_p { background-color: #145ABA; background-image: url(cid:modry_p.gif); background-repeat: no-repeat; background-position: right top; }
.zahlavi_dalsi { background-color: #FF3320; background-image: url(oranz_l.gif); background-repeat: no-repeat; padding-top: 2px; padding-bottom: 2px; }
.zahlavi_dalsi_p { background-color: #FF3320; background-image: url(oranz_p.gif); background-repeat: no-repeat; background-position: right top; }
.nazev, .podnazev, .podnazev_mid, .zahlavi_dalsi, .zahlavi_big{ padding-left: 20px; padding-top: 10px; }
.nazev, .zahlavi_dalsi { color: #FFFFFF; font-weight: bold; padding-top: 10px; text-transform: uppercase; white-space: nowrap; }
.nazev1, { color: #000000; font-weight: bold; padding-top: 1px; text-transform: uppercase; white-space: nowrap; }
.nazev_big { font-size: 20pt; font-weight: bold; color: #FE3000;}
.podnazev_big { font-weight: bold; }
.podnazev, .podnazev_mid, .podnazev_mid1, .zahlavi_dalsi { padding-bottom: 10px }
.podnazev_mid { color: #95D6FC; }
.podnazev_mid1 { color: #5C5A5B; }
.podnazev { color: #69DFC5; }
.voc { color: #5C5A5B; font-weight: bold; }
.moc { color: #5B5B5B; padding-right: 10px; }
// .voc, .moc { vertical-align: bottom; }
.voc_big { font-size: 12pt; }
.moc_big { font-weight: bold; font-size: 9pt; }
.obrazek { margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; }
.obrazek_big { margin-top: 10px; margin-bottom: 10px; margin-left: 20px; text-align: center; }
.obrazek_zahl { margin-top: 0px; margin-bottom: 10px; text-align: right; }
.spodni, .spodni_mid, .popis_mid { background-color: #FFFFFF; padding-bottom: 5px; text-align:justify}
.spodni { border-bottom: 3px #009B79 solid; }
.spodni_mid { border-bottom: 3px #145ABA solid; height: 50px; }
.spodni_dalsi { border-bottom: 3px #FF3320 solid; }
.im { width: 100px; }
.im_big { width: 300px; }
.im_mid { width: 120px; }
.im_zahl { width: 150px; }
.popis, .popis_big, .popis_mid { margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; }
.popis_mid { font-size:8pt}
.cena, .cena_big, .cena_mid { font-size: 14pt; font-weight: bold; color: #FF3300; text-align: right; padding-right: 10px; padding-top: 10px; white-space: nowrap; }
.cena_mid { font-size: 16pt; }
.cena_big { color: #FFFFFF; background-color: #FE3000; background-image: url(oranzb_p.gif); background-repeat: no-repeat; background-position: right top; margin-left: 40px; }
.voc_cena_big { font-size: 22pt;}
.voc_cena_seznam { font-size: 15pt;color: #FF3300; font-weight: bold; }
.dalsi_pod { border-bottom: 1px #7E7E7E dashed; }
.text_nad_td { border-right: 2px #EEEEEE solid; border-bottom: 2px #EEEEEE solid;}
.text_nad { color: #000000; background-color: #FFFFFF; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 2px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; }
.platnost { color: #FFFFFF; background-color: #373536; font-weight: bold; margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 2px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; }
.platnost_td { border-left: 3px #FE3000 solid; }
.prazdny { background-color: #FFFFFF; width: 10px; }
.prazdny2 { background-color: #FFFFFF; }
.paticka { color: #949494; padding-left: 20px; padding-right: 20px; padding-top: 5px; }
</style>
<body>
<div class="content">
<table width="100%" cellspacing="0" cellpadding="0" class="tab_zahl">
<tr>
<td width="396">
<img src="cid:nabidka.gif" alt="Nabídka mesíce" border="0" height="92" width="396">
</td>
<td rowspan="2" align="right" valign="middle">
<img src="cid:logo.gif" alt="" border="0" height="71" width="267">
</td>
</tr>
<tr>
<td colspan="2">
<div class="platnost">PLATNOST: 27.6.2009 - 3.7.2009</div>
</td>
</tr>
<tr>
<td colspan="3" class="text_nad_td">
<div class="text_nad"></div>
</td>
</tr>
</table>
<table width="100%" cellspacing="0" cellpadding="0" class="tab_sort_mid">
<tr>
<td width="345" valign="top">
<table width="100%" cellspacing="0" cellpadding="0" class="tab_sort_mid">
<tr>
<td colspan="2">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="zahlavi_mid">
<div class="nazev">WHIRLPOOL AWO/D 41125 "A9" "V"</div>
<div class="podnazev_mid">Pračka pl. zpředu</div>
</td>
<td class="zahlavi_mid_p">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class="prazdny">&nbsp;</td>
<td width="345" valign="top">
<table width="100%" cellspacing="0" cellpadding="0" class="tab_sort_mid">
<tr>
<td colspan="2">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="zahlavi_mid">
<div class="nazev">WHIRLPOOL AWO/D 43125 "A9" "V"</div>
<div class="podnazev_mid">Pračka pl. zpředu</div>
</td>
<td class="zahlavi_mid_p">&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="345" valign="top" class="">
<table width="100%" cellspacing="0" cellpadding="0" class="tab_sort_mid">
<tr>
<td valign="top">
<div class="obrazek">
<img class="im_mid" src="cid:320010385906-201.jpg">
</div>
</td>
<td valign="top">
<table>
keeehi
Profil
nevím, co to znamená (to cid:xxx...), ale klidně můžeš použít třeba
<img class="im_mid" src="http://www.example.com/201.jpg">
juraa
Profil *
keeehi
Bude to fungovat i když bude offline? (Stáhne mail do outlooku a odpojí se od netu?)
keeehi
Profil
juraa:
Outlok nevim, testoval jsem to v thunderbirdu, ale tam to nejde. Záleží na programu, jestli si ty obrázky stáhne a uloží do počítače, nebo si je pokaždé načítá z netu.
juraa
Profil *
keeehi
Aha,tak já to vyzkouším.
Díky


Kdyby něko věděl odpověď na mou otázku, tak jí prosím napište.
Děkuji
Mike8748
Profil
juraa
cid jako Content ID

pokud email posles jako multipart, tak obrazky pridas jako dalsi "soucasti" emailu, enkodovany do base64 nebo neceho takovyho.
pak se na obrazky v HTML zprave odkazes prave pomoci jejich ID

dej si v outlooku ulozit zpravu jako .eml soubor a ten si pak otevri v notepadu nebo jinym plaintextovym editoru
tam pak uvidis celou strukturu i ty obrazky

edit: dodam ze pro tvorbu takoveho emailu se da pouzit trida PHPMailer, metoda AddEmbeddedImage() slouzi prave pro vkladani "vlozenych" obrazku
juraa
Profil *
Mike8748
Díky vyzkouším to.
Lukáš Hašek
Profil *
Mike8748
Ahoj zajímalo by mě, zda je možné abych odeslal obrázek v těle a ten se zobrazil automaticky aniž bych musel klikat na stáhnou obrázky, nebo nahrát obrázky... Chodí reklamní email od jedné firmy která to tak má. Nevíte někdo jak na to?? Díky za odpověď

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: