Outlook arka plan imza sorunu 0

[Psikobat 237]

Sevgili CHW userları  

Başımda uyuz bir sorun var, outlook için html imza oluşturdum(bilgim yok tabi de google sağolsun) sorun browser dan açılınca olması gerektiği gibi gorunuyor ama outlook client ile resim hiç gozukmuyor.Biraz araştırınca outlook un desteklemediğini bu iş için  "Bulletproof Background" artık neyse gerektiğiymiş gene onu da araştırınca buldum html editor ile gorunuyor, ama outlookta gene resim gorunmuyor.Basit ve saçma bir sorun gibi duruyor.

Bir yardım edin a dostlar  

Detay vermek gerekirse, exchange üzerinden gerekli alanları dinamık olarak çekip imza resminin üstüne getirmeye çalışıyorum ve işte klasik sosyal medya butonları vs.

Resim haric hersey geliyor

 bu bahsi geçen Bulletproof Background için bulduğum kod  bu sayfadan alıyorum ama ?

https://backgrounds.cm/

 

Olma ihtimali yoksa kara düzen hazır şablona döneceğim.

 

Quote

Background image support in desktop email clients

Email Client	Attribute	Inline CSS	Embedded CSS	Bulletproof Background
Apple Mail
IBM Notes
Outlook 2000-2003
Outlook 2007-2016
Outlook for Mac

 

[yıllardıronlineolmayanadam 116]

web outlook mu? ofis içerisindeki outlook mu? 

[Psikobat 237]

9 saat önce, mehmetclk said:

web outlook mu? ofis içerisindeki outlook mu? 

Ofis  outlook(2013) hocam

[yıllardıronlineolmayanadam 116]

 

resim imza içindemi duruyor?, word'de düzenleyip tekrar koyup bakabilirsin, bizim müşterilerde exchange client'i ofis olduğu için  bu işi 2 şekilde hallediyoruz, 1.si web outlook'ta profil resmi ekletiyoruz, 2. yöntem lisanslı ve entegre edilmesi gereken yöntemle her türlü imza/resim atlangoçu ekleyebileceğimiz yazılımla oluyor. lisans yazılım entegrasyon çok nadir firmalarda kabul gördüğünden daha çok klasik word düzenlemesi imza + web'den foto ekleme yöntemiyle işi yürütüyoruz.

 

[Psikobat 237]

Evet hocam kucuk bir resim 600x300 boyutlarında uzerin de ise ad soyad title tel vs bilgileri, exchange uzerinden dinamik olarak alıp (foward rule ile) olusturuyorum, işte altına da sosyal medya butonlar.

bu sekilde resim ekleyebiliyorum html kodları ile ama yazılar ve sosyal medya simgeleri dogal olarak resimin altına yada ustune geliyor ve cok sacma duruyor,  background img kodu kullanıyorum ki resimin içine oturtayım ama onuda outlook 2013 desteklemiyor ve gostermiyor.

Harici yazılım bizde de kabul görmez hocam zar zor ofis 365 clouda tasıdık zaten  

[yıllardıronlineolmayanadam 116]

365 genel manada MS'un ciddi kâr ettiği (müşteri için full+full zarar) bir mail altyapısı, exchange server içine entegre edilecek yazılım olmadan imza ve resim'i yukarıda yazdığım 2 şekilde yapabilirsin. web outlook'tan profil resmi eklersin. mail imzasını tek formatta şablon yapıp word'de düzenleyebilirsin, bu 2 yerde ayar yaparak bedavaya işimi görüyorüm.

[Psikobat 237]

Hocam sonucta siz bunu göstermek için imzayı outlook üzerinden mi ekliyorsunuz ? ki öyle gorunuyor o işimi cozmuyor ama  yada ben yanlış anlamışta olabilirim.

[yıllardıronlineolmayanadam 116]

Hayır 1. yontem exchange uzerinde program entegrasyonuyla bu işi yapıyorsunuz codetwo misali, bu yöntem masraflı cafcaflı,  el yapımı sizin bahsettiğinizde kodlar ve exchange hakimiyeti işin içine giriyor. bu kısım zahmetli ve girdiğimi hatırlamıyorum. bahsettiğim hazırda bir şablon üzerinde değişiklik yapıp elle koymaktı. sizin yöntemde dediğim gibi codetwo misali entegrasyon yapıyorsunuz   yine hazır kodlar uzerine user'a bakıp ilgili yerlerden bilgileri alıp koyacak profildeki fotoyu ilgili noktaya oturtacak.

 

 

Şubat 26, 2019 mehmetclk tarafından düzenlendi

[TatanQa 628]

Önceki outlook kullanımlarımda benzer soruna rastgelmiştim. 

 

Kendi hazırladığım html imzalarda resmin hatasız gelmesi için şöyle yapmıştım;

 

ilgili resimleri  bir FTP client ile hostingime yükledim bir klasör altına,

sonra html kod içinde resim dosyası yolunu elle tek tek yazarak hallettim  ( örn:  http://www.domain.com/imza/ahmet_imza.jpg  )

 

bu şekilde dener misiniz ?

[Psikobat 237]

On 26.02.2019 at 09:31, TatanQa said:

Önceki outlook kullanımlarımda benzer soruna rastgelmiştim. 

 

Kendi hazırladığım html imzalarda resmin hatasız gelmesi için şöyle yapmıştım;

 

ilgili resimleri  bir FTP client ile hostingime yükledim bir klasör altına,

sonra html kod içinde resim dosyası yolunu elle tek tek yazarak hallettim  ( örn:  http://www.domain.com/imza/ahmet_imza.jpg  )

 

bu şekilde dener misiniz ?

Hocam yöntem aynı zaten, Ben sanırım eksik anlattım.

İmza için kullandığım resimi img src kodu ile alırsak sorun yok, resim geliyor yazılar geliyor vs. resmin üzerine yazıları oturtmak için backgorund img kodunu kullanınca sorun ortaya çıkıyor, çünkü outlook client bunu desteklemediği için resim haric diger eklediğim bilgiler gözüküyor.

Yani aslında farklı bir program entegrasyonu veya kodla ilgili sıkıntı yok sorun lanet outlook desteklememesinden kaynaklanıyor, bu sorunu aşmak için webde en az 10 tane farklı kod denedim hepsinin kendince ayrı sorunu oluyor.

Mesela;

Quote

<td>
       <!--[if gte mso 9]>
<v:image xmlns:v="urn:schemas-microsoft-com:vml" id="theImageTop" style='behavior: url(#default#VML); display:inline-block; position:absolute; height:131px; width:813px; top:0; left:0; right:0; bottom:0; border:0; z-index:1;' src="http://www.mindstick.com/newsletter/headerimg.png"/>
<v:shape xmlns:v="urn:schemas-microsoft-com:vml" id="theTextTop" style='behavior: url(#default#VML); position:absolute; display:inline-block; height:131px; width:700px; border:0; z-index:2;'> 
<![endif]-->
      <p> Your text here which you want to show on backgroung image. You can use here html tag too</p>
<!--[if gte mso 9]>
</v:shape>
<![endif]-->
</td>

 

Bu kod kısmen resimi gösteriyor ama üzerine tıklamak kosulu ile, gene bir sacmalıga takılıyor. 

Yani resim ilk etapta gorunmuyor mail çift tıklanıp acılır ise resmin üzerine de tek tık istiyor goruntulenebilmesi için, tıklanmaz ise X şeklinde uzun bir hata mesajı yazıyor.

Aslında benim kullandığım kod bu , editor ile denerseniz olması gerektiği gibi çalıstığını gorebilirsiniz.

Quote

<p><span style="font-family: Georgia, 'Times New Roman', Times, serif;"><br></span></p>
<p><span style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small;"><strong>%%displayname%%&nbsp;</strong></span> <strong><span style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small;"><br></span></strong><span style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small;">%%title%%&nbsp;</span>
    <span
        style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: small;"><br> Şirket ismi<br><br></span>
</p>
<div style="background: url('BURAYA FTP deki resim linki geliyor') no-repeat; width: 503px; height: 251px; padding: 0px 0 0 0px;"><strong>Mail &nbsp; &nbsp; &nbsp; :</strong> %%email%%<br><strong>Adres &nbsp; &nbsp;:</strong> %%office%% %%street%%<br><strong>Telefon :</strong> %%FaxNumber%%<br><strong>Gsm &nbsp; &nbsp; &nbsp;:</strong>%%MobileNumber%%
    <p><br></p>
    <div style="background:url() no-repeat;width:203px;height:51px;padding:13px 0 0 40px;">Buraya yazı geliyor</div>
 

Yani varmı bilmiyorum ama sanırım yok background img eklemeden resimin üzerine(içine) yazabileceğim bir kod varsa sorun kalmayacak   Ben bulamadığım için background img ile çözmeye çalısıyorum onu da desteklemiyormuş.

 

@mehmetclk Hocam html kodları ile normal kaynak resimi belirtip herhangi bir yazıyı o resim içine alabiliyormuyuz ? Cevabınız evet ise benim sorunum çözülüyor aslında  

 

Konuyla ilgili bir iki link,

https://stackoverflow.com/questions/16441034/background-images-not-working-in-outlook-2007-and-later

https://stackoverflow.com/questions/4689862/html-email-with-background-image-style-not-shown

 

[yıllardıronlineolmayanadam 116]

Bahsettiğin şeyi denemedim uyumluluk deneme vs işler rutin çalışmada uğraştırdığı için ya basit çözüme gidiyorum yada paralı çözüme yöneltiyorum müşterimi, senin html'e AD içerisindeki user'ın fotosunu aldırsan nasıl olur, AD user'e foto entegre etmek daha kolay. web'de bir çok araç var ben bir süredir kullanıyorum. km'den mail bilgini yazarsan utility'i wetransfer'le yollayabilirim.

[TatanQa 628]

Bu imza olayınız baya karışık sanırım. Ben imzaları  dreamweaver ve photoshopla yapıp html formatında kaydediyordum , sonra imza eklemede html template 'i seçip mis gibi kullanıyordum

[Psikobat 237]

On 27.02.2019 at 12:27, mehmetclk said:

Bahsettiğin şeyi denemedim uyumluluk deneme vs işler rutin çalışmada uğraştırdığı için ya basit çözüme gidiyorum yada paralı çözüme yöneltiyorum müşterimi, senin html'e AD içerisindeki user'ın fotosunu aldırsan nasıl olur, AD user'e foto entegre etmek daha kolay. web'de bir çok araç var ben bir süredir kullanıyorum. km'den mail bilgini yazarsan utility'i wetransfer'le yollayabilirim.

Hocam user foto kullanmıyoruz  standart bir banner gibi resim kullanıyorum(kartvizit gibi diyim), ad üzerinden gerekli bilgileri alıyorum işte o lanet foto üzerine yazamadım, aslında biraz ilerleme kaydettim kısmen istediğim oldu ama değişikliğe pek müsade etmiyor atıyorum yazıları yan yana yazarsam sorun yok ama alt alta koymak istersem çok garip oluyor.Yada resimin boyutu ile biraz oynarsam sanki zoom yapmış gibi garip şeyler oluyor, deli etti iyice.

@TatanQaZaten bu işi çözemezsem sizin yaptığınız gibi yapacağım tekrar bende  

 

[Psikobat 237]

Konuyu çözdüm belki birine lazım olur diye buraya yapıştırayım, ama hem logomuzun değişmesi üzerine bir daha uğraşmaya gözüm yemediği için ve  pek verimli olmadığından ötürü arka plan ustune yazıdan vazgeçip bayağı kartvizit gibi sol taraf logo sağ tarafta bilgiler altada sosyal medya butonları şeklinde direk resim ekledim.

Gene paylaşayım o kadar kazıttı belki birine lazım olur,

Quote

<div style="background-color:#7bceeb;">
  <!--[if gte mso 9]>
  <v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" src="https://i.imgur.com/YJOX1PC.png" color="#7bceeb"/>
  </v:background>
  <![endif]-->
  <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td valign="top" align="left" background="https://i.imgur.com/YJOX1PC.png">

      </td>
    </tr>
  </table>
</div>

Buda şuan kullandığım,

Quote

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Email Signature</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
</head>
<body>

<table style="width: 480px; font-size: 10pt; font-family: Arial, sans-serif; line-height:normal;" cellpadding="0" cellspacing="0">
<tbody>
 <tr>    
  <td style="padding-top:10px; padding-bottom:12px; width:160px; vertical-align:top" valign="top">
   <a href="https://www.codetwo.com/" target="_blank"><img border="0" alt="Logo" width="141" style="width:141px; height:auto; border:0;" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/elegant-logo/logo.png"></a>
   
  </td>
  
  <td style="padding-top:6px; padding-bottom:6px;  width:320px; ">
   <table cellpadding="0" cellspacing="0">
   <tbody>
    <tr>
     <td style="font-size: 12pt; font-family: Arial, sans-serif; font-weight: bold; color: #3d3c3f;"><span style="font-family: Arial, sans-serif; color:#3d3c3f">dsfs Doe</span>
     </td>
    </tr>
    <tr>
     <td style="padding-bottom:11px; font-size: 10pt; font-family: Arial, sans-serif; color: #3d3c3f;"><span style="font-family: Arial, sans-serif; color:#3d3c3f">Sales &amp; Marketing Director</span></td>
    </tr>
    <tr>
     <td style="font-size: 10pt; font-family: Arial, sans-serif; color: #9b9b9b;"><span style="font-family: Arial, sans-serif; color:#9b9b9b">phone: + 48 75 64 61 001</span></td>
    </tr>
    <tr>
     <td style="font-size: 10pt; font-family: Arial, sans-serif; color: #9b9b9b;"><span style="font-family: Arial, sans-serif; color:#9b9b9b">mobile: + 48 75 64 61 001</span></td>
    </tr>
    <tr>
     <td style="font-size: 10pt; font-family: Arial, sans-serif; color: #9b9b9b;"><span style="font-family: Arial, sans-serif; color:#9b9b9b">email: </span><span style="font-family: Arial, sans-serif; color:#1793d2;"><span style="font-family: Arial, sans-serif; color:#1793d2">[email protected]</span></span></td>
    </tr>
    <tr>
     <td style="font-size: 10pt; font-family: Arial, sans-serif; color: #9b9b9b;"><span style="font-family: Arial, sans-serif; color:#9b9b9b">16 Freedom St, Deer Hill</span></td>
    </tr>
    <tr>
     <td style="font-size: 10pt; font-family: Arial, sans-serif; color: #9b9b9b;"><span style="font-family: Arial, sans-serif; color:#9b9b9b">58-500, Poland</span></td>
    </tr>
    <tr>
     <td style="padding-top:6px;"><span style="display:inline-block; height:22px;"><span><a href="https://www.facebook.com/CodeTwo" target="_blank"><img alt="Facebook icon" border="0" width="23" height="23" style="border:0; height:20px; width:20px" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/elegant-logo/fb.png"></a>&nbsp;&nbsp;</span><span><a href="https://www.linkedin.com/company/codetwo" target="_blank"><img alt="LinkedIn icon" border="0" width="23" height="23" style="border:0; height:20px; width:20px" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/elegant-logo/ln.png"></a>&nbsp;&nbsp;</span><span><a href="https://twitter.com/CodeTwoSoftware" target="_blank"><img alt="Twitter icon" border="0" width="23" height="23" style="border:0; height:20px; width:20px" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/elegant-logo/tt.png"></a>&nbsp;&nbsp;</span><span><a href="https://plus.google.com/+CodeTwoSoftware" target="_blank"><img alt="Google Plus icon" border="0" width="23" height="23" style="border:0; height:20px; width:20px" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/elegant-logo/gp.png"></a>&nbsp;&nbsp;</span><span><a href="https://www.youtube.com/user/CodeTwoChannel" target="_blank"><img alt="Youtbue icon" border="0" width="23" height="23" style="border:0; height:20px; width:20px" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/elegant-logo/yt.png"></a>&nbsp;&nbsp;</span></span>
     </td>
    </tr>
   </tbody>
   </table>
  </td>
 </tr>
 <tr>
  <td colspan="2" style="border-top:1px solid; border-top-color:#1793d2; width: 480px; padding-top:8px;  font-family:Arial,sans-serif; color:#9b9b9b; text-align:justify;"><span style="font-family: Arial, sans-serif; color:#9b9b9b">The content of this email is confidential and intended for the recipient specified in message only. It is strictly forbidden to share any part of this message with any third party, without a written consent of the sender. If you received this message by mistake, please reply to this message and follow with its deletion, so that we can ensure such a mistake does not occur in the future.</span></td>
 </tr>
</tbody>
</table>
 
</body>
</html>