सीएसएस

का उपयोग किए बिना टीडी स्टैकिंग हमारे सीआरएम हमें अपने सॉफ्टवेयर का उपयोग करके अपने ग्राहकों को स्वचालित ईमेल भेजने की अनुमति देता है। खरीद रसीदों जैसी चीजें और बहुत आगे। हालांकि वे ईमेल के एचटीएमएल संपादन की पेशकश करते हैं, लेकिन यह बहुत सीमित है और हम किसी भी सीएसएस का उपयोग नहीं कर सकते हैं।सीएसएस

जहां तक क्या उनकी शैली गाइड अनुमति नहीं है, यह सब HTML और कुछ इनलाइन स्टाइल, उदाहरण के लिए प्रतीत होता है:

<span style="color:#ffffff">white</span> 
<div style="color:#ffffff"> 
<img src="dickbutt.gif" style="width:30px;height:20px">

... सब ठीक गाइड के अनुसार कर रहे हैं। हालांकि, कोई अन्य सीएसएस या सीएसएस संदर्भ सहित, की अनुमति है:

<link rel="stylesheet" href="/stylesheet.css" type="text/css">

या

<style type="text/css"> 
@import "/stylesheet.css"; 
</style>

या

<style type="text/css"> 
body { color:green; } 
</style>

चोट के अपमान जोड़ने के लिए, और मैं ऊपर इस शामिल किया जाना चाहिए था, <body> टैग (और बॉडी टैग समेत) के ऊपर सब कुछ उनके इन-सॉफ्टवेयर HTML संपादक में फ़ाइल को सहेजने पर हटा दिया गया है। उनके पास कुछ प्रकार की ऑटो-कोड संशोधन स्क्रिप्ट हैं जो उनकी शैली मार्गदर्शिका में "अनुमोदित" कोड का संदर्भ देती हैं, और जो कुछ भी बचा है उसे स्ट्रिप करती है। तो मैं किसके साथ छोड़ा गया हूँ? बिल्कुल नहीं। मूल रूप से <table> को </table> पर खोलने के बीच से। वे </body> और </html> को भी बाहर निकाल देते हैं।

शेष कोड के साथ, मैं @media का उपयोग करने में असमर्थ हूं या <td> स्टैकिंग की अनुमति देता हूं। तो, क्या आप स्टाइल शीट को जोड़ने के उनके वैकल्पिक तरीकों के बारे में जानते हैं? ... एक तरीका जो सीएसएस तक पहुंच के बिना ढेर करने की अनुमति देगा? मैं मूल रूप से उपरोक्त उल्लिखित प्रतिबंधों के तहत इन ईमेल को उत्तरदायी बनाने का एक तरीका ढूंढ रहा हूं।

मैं JSfiddle को स्टाइल गाइड अपलोड किया गया: https://jsfiddle.net/Lxfqus7f

स्रोत

2015-09-15 solateor

ऐसा लगता है कि अपनी शैली गाइड कुछ इनलाइन शैलियों का उपयोग भी शामिल:

<p>Our studio is <span style="color:purple">purple.</span></p> 
    Define sections of text that require different HTML <div> 
<div style="color:#FC8301"> 
    <h3>This title.</h3> 
    <p>This is sentence.</p> 
</div>

के बाद से आप स्वचालित रूप से वैसे भी ईमेल जेनरेट कर रहे हैं, क्यों सिर्फ मत यह एक स्लाइड है और अपनी शैलियों को चर में घोषित करता है और जहां उचित हो वहां उनका उपयोग करता है?

क्या वे सभी शैली टैग को अलग कर रहे हैं? क्या आप सिर्फ एक टीडी के भिखारी पर एक शैली छिपी हो सकती है?

<td><style>/*rules are for quitters!*/</style>Stuff</td>

स्रोत

2015-09-15 17:44:50

त्वरित उत्तर के लिए धन्यवाद - http://labs.actionrocket.co/the-hybrid-coding-approach-2

हाइब्रिड सही विकल्प है! पोस्ट करने के कुछ ही क्षण बाद मैंने अपने लक्ष्य (पोस्ट के निचले हिस्से में) को स्पष्ट किया और स्पष्ट किया, जो कि शैली मार्गदर्शिका में उल्लिखित प्रतिबंधों के तहत टीडी स्टैकिंग (या ईमेल उत्तरदायी बनाने का वैकल्पिक तरीका) को अनुमति देने का एक तरीका है। । – solateor

ठीक है, तो, क्यों सीएसएस नियमों को मैन्युअल रूप से HTML में स्टाइल शीट में रखना नहीं चाहते हैं? मैं सोच रहा हूं कि ' सामग्री सामग्री सामग्री ' –

हाँ, हाँ 100 गुना हाँ। हर कोई जिसने कभी ईमेल टेम्पलेट डिज़ाइन किया है, वही शिकायतें हुई हैं। ईमेल डिज़ाइन लगभग 1 999 में वेब डिज़ाइन है। सबसे पहले सीएसएस संदर्भों को भूल जाएं, जो कुछ भी आप कर सकते हैं इनलाइन करें और @media टैग से परेशान न हों, भूल जाएं कि वे भी मौजूद हैं।

तालिका डिजाइन
एक <table> स्प्रेडशीट के रूप में, एक <tr> एक तालिका पंक्ति के रूप में, और एक <td> एक मेज सेल के रूप में की Think। टीडी के "ढेर" के बजाय टेबल घोंसले की कोशिश करें। एक नई टेबल एक टीडी के अंदर जा सकती है और मैट्रोशका गुड़िया शैली फैशन के प्रकार में आप अपना इच्छित लेआउट बना सकते हैं।

<table> 
    <tr> 
     <td> 
     <table> 
      <tr> 
       <td>1</td> 
       <td>2</td> 
      </tr> 
      <tr> 
       <td>3</td> 
       <td>4</td> 
      </tr> 
     </table> 
     </td> 
     <td>5</td> 
    </tr> 
</table>

उपर्युक्त काम ठीक है।

उत्तरदायी ईमेल
शब्द उत्तरदायी और ईमेल सामान्य रूप से एक साथ नहीं जाते हैं। क्या ईमेल क्लाइंट प्रस्तुत करना गंभीर रूप से सीमित है लेकिन इसके आसपास काम करने के तरीके हैं। अपनी मास्टर टेबल की चौड़ाई को 100% पर सेट करने और प्रत्येक तरफ दो टीडी रखने की तरह। इस तरह:

<table width="100%" cellspacing="0" cellpadding="0"> 
    <tr height="500px" valign="top"> 
    <td width="*" bgcolor="#00FFFF"> </td> 
    <td width="550px" bgcolor="#FF0000"> <center><br><br> <H1>Body</h1> </center> </td> 
    <td width="*" bgcolor="#00FFFF"> </td> 
    </tr> 
</table>

यहां जेएसफ़िल्ड में दोनों उदाहरण हैं।

http://jsfiddle.net/e8r9ky4x/

स्रोत

2015-09-16 22:02:39 JoeyPhillips

शरीर में एक शैली टैग का उपयोग करना best of things to use नहीं हो सकता है और यहां तक कि कई वेब डेवलपर में उल्टी प्रेरित कर सकते हैं, लेकिन यह IS a possibility to utilize in Email।

मैं दृढ़ता से अनुशंसा करता हूं कि आप इसे सूचीबद्ध मामलों के बाहर इस तरह से उपयोग न करें, और सभी ग्राहकों में हेवी परीक्षण की अनुशंसा करेंगे क्योंकि कभी-कभी यह छोटी गाड़ी के परिणाम भी पैदा कर सकता है।

मैं आपकी इनलाइन स्टाइल को भारी भारोत्तोलन करने के लिए देखता हूं और केवल उन वस्तुओं के लिए स्टाइल टैग का उपयोग करता हूं जो किसी अन्य तरीके से नहीं किए जा सकते हैं।

नीचे GMAIL एपीपी (जो स्टाइल टैग लगभग पूरी तरह से स्ट्रिप्स करता है) पर काम करने के लिए उत्तरदायी HTML ईमेल पर कुछ अच्छे संसाधन हैं और आपको अपने ईमेल बनाने के लिए सबसे अच्छी तरह से आधारभूत आधार देने में मदद करनी चाहिए।

हाइब्रिड कोडिंग दृष्टिकोण - http://labs.actionrocket.co/the-hybrid-coding-approach

हाइब्रिड कोडिंग redux - http://labs.actionrocket.co/hybrid-is-the-answer-is-it-the-right-question

स्रोत

2015-09-17 14:37:47 Gortonington

सीएसएस

उत्तर

संबंधित मुद्दे