मेलचंप टेम्पलेट्स में घुमावदार कोनों - सीएसएस या छवि-आधारित

Question

मैं Mailchimp के लिए एक ईमेल टेम्पलेट बना रहा हूं। मैंने एक टेम्पलेट डाउनलोड किया है और अब मेरी सामग्री को आवश्यकताओं के अनुसार रख रहा हूं (मुझे Mailchimp टेम्पलेट भाषा का उपयोग करने के बारे में पता है)। मेरी समस्या यह है कि मुझे गोलाकार कोनों का उपयोग करना है और छवि-आधारित गोलाकार कोनों का उपयोग करना है।

जब मैं मेलचंप दृश्य संपादक में तालिकाओं को संपादित करता हूं तो छवि-आधारित गोलाकार कोनों टूट जाते हैं और अब काम नहीं करते हैं।

क्या मुझे सीएसएस, या छवि-आधारित, गोलाकार कोनों का उपयोग करना चाहिए? कृपया कोई सुझाव।

* संपादित करें: हमेशा का उपयोग करें छवियों यह क्या मैं के रूप में सबसे अच्छा समाधान मिल गया है ..

Answer 1

उपयोग छवियों, वे 100% समर्थित हैं। Example here इसे सही तरीके से कैसे करें।

आपको मेलचंप या अपने स्वयं के यूआरएल द्वारा होस्ट किए जाने वाले कोने छवियों को अपलोड करने की आवश्यकता होगी। यदि वे हैं, तो Mailchimp आपके कोड को दोबारा सुधार कर सकता है। यह सुनिश्चित नहीं है कि यह एक wysiwyg है क्योंकि मैं Mailchimp उपयोगकर्ता नहीं हूं, लेकिन अगर आप मामले में छवि यूआरएल की पीठ डालने के लिए आउटपुट कोड को हमेशा संपादित कर सकते हैं।

Answer 2

Mailchimp उनके Email Blueprint templates में सीएसएस आधारित गोलाकार कोनों उपयोग करता है। यहाँ एक chart from CampaignMonitor ईमेल क्लाइंट border-radius (और -moz और -webkit उपसर्गों) के कुछ दिखा/में काम नहीं करेगा जाएगा।

सीएसएस आधारित गोलाकार कोनों हर ईमेल क्लाइंट में काम नहीं करेगा, लेकिन असफल हो जायेगी उन ग्राहकों में कृपापूर्वक जो सीमा-त्रिज्या संपत्ति का समर्थन नहीं करते हैं। छवि-आधारित गोलाकार कोनों प्रदर्शित नहीं होंगे जब एक पाठक के पास छवियों को सक्षम नहीं किया जाता है, और जैसा कि आपने अनुभव किया है, MailChimp दृश्य संपादक में छवि-आधारित गोलाकार कोनों को बनाए रखना आपके टेम्पलेट को सेटअप करने के तरीके के आधार पर कठिन हो सकता है।

मेरे सुझाव सीएसएस आधारित गोलाकार कोनों के लिए हो सकता है, उपसर्गों का उपयोग कर ईमेल क्लाइंट की विस्तृत श्रृंखला को कवर करने के:

border-radius: 4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;