विषयसूची
इस आलेख में आप जानेंगे कि आउटलुक में सशर्त रूप से तालिकाओं को कैसे प्रारूपित किया जाता है। मैं आपको दिखाऊंगा कि ड्रॉपडाउन सूची से आपके द्वारा चुने गए रंग के साथ सेल के टेक्स्ट और पृष्ठभूमि के पेंट को कैसे अपडेट किया जाए।
तैयारी
इससे पहले कि हम अपना "ड्राइंग पाठ" शुरू करें और सीखें कि आउटलुक में सशर्त रूप से तालिकाओं को कैसे प्रारूपित किया जाए, मैं इसका एक छोटा सा परिचय देना चाहूंगा आउटलुक के लिए हमारा ऐप जिसे शेयर्ड ईमेल टेम्प्लेट कहा जाता है। इस आसान टूल से आप आउटलुक में अपने पत्राचार को उतनी ही जल्दी और आसानी से प्रबंधित कर सकते हैं, जितनी आप पहले कल्पना कर सकते थे। ऐड-इन आपको दोहराए जाने वाले कॉपी-पेस्ट से बचने और कुछ ही क्लिक में अच्छे दिखने वाले ईमेल बनाने में मदद करेगा।
अब हमारे मुख्य विषय - आउटलुक तालिकाओं में सशर्त स्वरूपण पर वापस जाने का सही समय है। दूसरे शब्दों में, मैं आपको दिखाऊंगा कि कोशिकाओं, उनकी सीमाओं और सामग्री को वांछित रंग में कैसे रंगना है। सबसे पहले, सुनिश्चित करें कि आपको आउटलुक में टेबल बनाने का तरीका याद है।
चूंकि मैं ड्रॉपडाउन सूची से चुने गए टोन के आधार पर सेल को रंग दूंगा, मुझे एक और पूर्व-व्यवस्था करने की आवश्यकता होगी। यदि आप भरने योग्य ईमेल टेम्प्लेट बनाने के बारे में मेरे ट्यूटोरियल को याद करते हैं, तो आप जानते हैं कि डेटासेट की मदद से ड्रॉपडाउन सूची बनाई जाती है। यदि आपको लगता है कि आप डेटासेट प्रबंधित करना भूल गए हैं तो इस विषय पर अपने ज्ञान को अपडेट करने के लिए कुछ समय निकालें और चलिए आगे बढ़ते हैं।
अब मुझे उन रंगों के साथ डेटासेट को पूर्व-सहेजने की आवश्यकता है जो मैं उपयोग करें (मैंने इसे कॉल कियाआपसे वापस सुनकर खुशी हुई!
छूट के साथ डेटासेट) और ड्रॉपडाउन चयन के साथ WhatToEnterमैक्रो जोड़ें। तो, मेरा डेटासेट यहां है:छूट | कलर कोड |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
अगर आप सोच रहे हैं कि वे कोड कहां से प्राप्त करें, तो बस एक खाली तालिका बनाएं, जाएं इसके गुणों में और कोई भी रंग चुनें। आपको इसका कोड संबंधित फ़ील्ड में दिखाई देगा, बेझिझक इसे वहीं से कॉपी करें।
मैं WHAT_TO_ENTER मैक्रो बनाता हूं और इसे इस डेटासेट से जोड़ता हूं क्योंकि मुझे बाद में इसकी आवश्यकता होगी:
~%WhatToEnter[{डेटासेट:'छूट के साथ डेटासेट',कॉलम:'छूट',शीर्षक:चुनें डिस्काउंट'}]यह छोटा मैक्रो मुझे चुनने के लिए डिस्काउंट ड्रॉपडाउन प्राप्त करने में मदद करेगा। एक बार जब मैं ऐसा कर लेता हूं, तो मेरी तालिका के आवश्यक भाग को पेंट कर दिया जाएगा।
मैं समझता हूं कि यह अब कितना अस्पष्ट लग सकता है, इसलिए मैं आपको इस गलतफहमी के साथ नहीं छोड़ूंगा और दिखाना शुरू करूंगा कि पाठ का रंग कैसे बदलना है या किसी सेल को हाइलाइट करें। मैं बुनियादी नमूनों का उपयोग करूँगा ताकि आपको यह विचार मिल सके और इस प्रक्रिया को अपने स्वयं के डेटा के साथ पुन: उत्पन्न कर सकें।
आइए इसे शुरू करें।
तालिका में पाठ का फ़ॉन्ट रंग बदलें<7
आइए तालिका में कुछ पाठ को छायांकित करने के साथ प्रारंभ करें। मैंने अपने पेंटिंग प्रयोगों के लिए एक नमूना तालिका के साथ एक टेम्प्लेट तैयार किया है:
मेरा लक्ष्य ड्रॉपडाउन चयन के आधार पर टेक्स्ट को संबंधित रंग में पेंट करना है। दूसरे शब्दों में, मैं एक टेम्प्लेट पेस्ट करना चाहता हूं, ड्रॉपडाउन सूची से आवश्यक छूट दर चुनें और यह चिपकाया गया टेक्स्ट रंगीन हो जाएगा। किस रंग में? तैयारी भाग में डेटासेट तक स्क्रॉल करें, आप देखेंगे कि प्रत्येक छूट दर का अपना रंग कोड होता है। यह वांछित रंग है जिसका उपयोग किया जाना चाहिए।
चूंकि मैं ड्रॉपडाउन सूची से छूट जोड़ना चाहता हूं, मुझे इस सेल में WhatToEnter मैक्रो पेस्ट करना होगा। ऐसा महसूस करें कि आपको इस विषय पर अपनी याददाश्त ताज़ा करने की ज़रूरत है? मेरे पिछले ट्यूटोरियल्स में से एक को देखने के लिए कुछ समय निकालें;)
इसलिए, परिणामी तालिका इस तरह दिखेगी:
नमूना हेडर 1 | नमूना हेडर 2 | नमूना हेडर 3 |
~%WhatToEnter[ {dataset:'छूट के साथ डेटासेट', कॉलम:'छूट', शीर्षक:'चुनें डिस्काउंट'} ] छूट |
देखिए, छूट की दर ड्रॉपडाउन सूची और शब्द "छूट" से जोड़ी जाएगी वैसे भी रहेगा।
लेकिन मैं टेम्पलेट कैसे सेट कर सकता हूं ताकि पाठ संबंधित रंग में चित्रित हो जाए? वास्तव में बहुत आसानी से, मुझे केवल टेम्प्लेट के HTML को थोड़ा अपडेट करने की आवश्यकता होगी। आइए सिद्धांत भाग को समाप्त करें और सीधे अभ्यास के लिए आगे बढ़ें।
टेबल सेल में सभी टेक्स्ट को रंग दें
पहलेबंद, मैं अपने टेम्प्लेट का HTML कोड खोलता हूं और इसे ध्यान से देखता हूं:
यहां मेरा टेम्प्लेट HTML में कैसा दिखता है:
नोट। आगे मैं सभी HTML कोड को टेक्स्ट के रूप में पोस्ट करूँगा ताकि आप उन्हें अपने टेम्प्लेट में कॉपी कर सकें और अपने इच्छित तरीके से संशोधित कर सकें।
चलिए ऊपर दिए गए HTML को बहुत करीब से देखते हैं। पहली पंक्ति टेबल बॉर्डर के गुण (शैली, चौड़ाई, रंग, आदि) है। फिर उनकी विशेषताओं के साथ पहली पंक्ति
मुझे अपने WHAT_TO_ENTER के साथ दूसरी पंक्ति के पहले तत्व में दिलचस्पी है। निम्नलिखित कोड को जोड़कर रंग किया जाएगा:
TEXT_TO_BE_COLOREDमैं इसे आपके लिए टुकड़ों में तोड़ दूंगा और उनमें से प्रत्येक को स्पष्ट करूंगा:
- रंग पैरामीटर पेंटिंग को हैंडल करता है। यदि आप इसे "लाल" से बदलते हैं, तो यह पाठ लाल हो जाएगा। हालाँकि, जैसा कि मेरा काम ड्रॉपडाउन सूची से एक रंग चुनना है, मैं एक सेकंड के लिए तैयारी पर वापस आऊंगा और वहां से अपना तैयार WhatToEnter मैक्रो ले लूंगा: ~%WhatToEnter[{dataset: 'छूट के साथ डेटासेट', कॉलम: 'छूट', शीर्षक: छूट चुनें'}]
- TEXT_TO_BE_COLORED वह पाठ है जिसे छायांकित करने की आवश्यकता है। मेरे विशेष उदाहरण में, यह " ~%WhatToEnter[{डेटासेट:'छूट के साथ डेटासेट', कॉलम:'छूट', शीर्षक:'छूट का चयन करें'}] छूट " होगा (इस टुकड़े को सीधे से कॉपी करेंडेटा भ्रष्टाचार से बचने के लिए मूल एचटीएमएल कोड)। छूट', कॉलम: 'छूट', शीर्षक: 'छूट का चयन करें'}] छूट
नोट। आपने देखा होगा कि "कॉलम" पैरामीटर उन दो मैक्रोज़ में भिन्न होता है। ऐसा इसलिए है क्योंकि मुझे विभिन्न स्तंभों से मूल्य वापस करने की आवश्यकता है, अर्थात column:'Color code' वह रंग लौटाएगा जो टेक्स्ट को पेंट करेगा जबकि column:'Discount' - छूट एक सेल में चिपकाने की दर।
एक नया प्रश्न उठता है - मुझे इसे HTML के किस स्थान पर रखना चाहिए? आम तौर पर बोलते हुए, इस पाठ को TEXT_TO_BE_COLORED को प्रतिस्थापित करना चाहिए। मेरे नमूने में, यह दूसरी पंक्ति (स्तंभ) का पहला स्तंभ (
) होगा। इसलिए, मैं WTE मैक्रो और शब्द "डिस्काउंट" को ऊपर दिए गए कोड से बदल देता हूं और निम्नलिखित HTML प्राप्त करता हूं: नमूना शीर्षलेख 1 नमूना शीर्षलेख 2 नमूना शीर्षलेख 3 ~%WhatToEnter[{डेटासेट:'छूट के साथ डेटासेट',स्तंभ:'छूट',शीर्षक:'छूट का चयन करें' }] छूट एक बार जब मैं परिवर्तनों को सहेज लूं और इस अद्यतन टेम्पलेट को पेस्ट कर दूं, एक पॉप-अप विंडो मुझसे छूट चुनने के लिए कहेगी। मैं 10% चुनता हूं और मेरा टेक्स्ट तुरंत हरे रंग में रंग जाता है।
सेल की सामग्री का भाग छायांकित करें
सेल के केवल एक भाग को रंगने का तर्कसामग्री मूल रूप से समान है - आप केवल रंगे जाने वाले पाठ को पिछले अध्याय के कोड से प्रतिस्थापित करते हैं और शेष पाठ को वैसा ही छोड़ते हैं।
इस उदाहरण में, यदि मुझे केवल प्रतिशत रंग करने की आवश्यकता है ("छूट" शब्द के बिना), मैं HTML कोड खोलूंगा, उस हिस्से का चयन करूंगा जिसे रंगीन करने की आवश्यकता नहीं है (हमारे मामले में ("छूट") और इसे टैग से बाहर ले जाएं:
में यदि आप शुरुआत से ही रंग भरने की तैयारी कर रहे हैं, तो बस ध्यान रखें कि भविष्य के रंग का टेक्स्ट TEXT_TO_BE_COLORED के स्थान पर जाता है, बाकी समाप्ति के बाद रहता है। यहाँ मेरा नवीनीकृत HTML है:
नमूना हेडर 1 सैंपल हैडर 2 सैंपल हैडर 3 ~%WhatToEnter[{डेटासेट:'छूट के साथ डेटासेट', कॉलम:'छूट',शीर्षक:'छूट चुनें'}] छूट देखा? मैंने अपने सेल की सामग्री का केवल एक भाग टैग के भीतर रखा है, इसलिए पेस्ट करते समय केवल यही भाग रंगीन होगा।
तालिका कक्षों पर सशर्त स्वरूपण लागू करें
अब कार्य को थोड़ा बदल दें और एक ही नमूना तालिका में पाठ को नहीं बल्कि संपूर्ण कक्षों की पृष्ठभूमि को हाइलाइट करने का प्रयास करें।
एक सेल को हाइलाइट करें
चूंकि मैं उसी टेबल को संशोधित कर रहा हूं, मैं खुद को दोहराऊंगा नहीं और इस चैप्टर में मूल टेबल का HTML कोड भी पेस्ट करूंगा। थोड़ा ऊपर स्क्रॉल करें या सीधे पहले उदाहरण पर जाएंबिना रंग वाली तालिका के अपरिवर्तित कोड को देखने के लिए यह ट्यूटोरियल।
अगर मैं छूट के साथ सेल की पृष्ठभूमि को छायांकित करना चाहता हूं, तो मुझे HTML को थोड़ा संशोधित करने की भी आवश्यकता होगी, लेकिन संशोधन से अलग होगा पाठ रंग। मुख्य अंतर यह है कि रंग को टेक्स्ट पर नहीं बल्कि पूरे सेल पर लागू किया जाना चाहिए।
हाइलाइट किया जाने वाला सेल HTML प्रारूप में ऐसा दिखता है:
~%WhatToEnter [{डेटासेट:'छूटों के साथ डेटासेट', कॉलम:'छूट', शीर्षक:'छूट छूट'}] छूट जैसा कि मैं एक सेल को हाइलाइट करना चाहता हूं, परिवर्तन सेल विशेषता पर लागू किए जाने चाहिए, न कि पाठ करने के लिए। मैं उपरोक्त पंक्ति को भागों में विभाजित करूँगा, उनमें से प्रत्येक को स्पष्ट करूँगा और उन भागों को इंगित करूँगा जिन्हें बदलने की आवश्यकता है:
- “style=” का अर्थ है कि पंक्ति के सेल में निम्नलिखित शैली गुण। यहीं पर हम अपना पहला ब्रेक लेते हैं। जैसा कि मुझे कस्टम पृष्ठभूमि रंग सेट करना है, मैं शैली को डेटा-सेट-शैली में बदलता हूं।
- "चौड़ाई: 32.2925%; सीमा: 1px ठोस काला;" - वे डिफ़ॉल्ट शैली गुण हैं जिनका मेरा मतलब ऊपर था। मुझे चुने गए सेल की पृष्ठभूमि को अनुकूलित करने के लिए एक और जोड़ने की आवश्यकता है: पृष्ठभूमि-रंग । चूंकि मेरा लक्ष्य ड्रॉपडाउन सूची से उपयोग करने के लिए रंग चुनना है, मैं अपनी तैयारी पर वापस जाता हूं और वहां से तैयार WhatToEnter लेता हूं।
युक्ति। यदि आप सेल को एक रंग में रंगना चाहते हैं और नहीं चाहते कि ड्रॉपडाउन सूची आपको हर बार परेशान करे,बस एक मैक्रो को रंग नाम ("नीला", उदाहरण के लिए) से बदलें। यह ऐसा दिखाई देगा:
~%WhatToEnter[{डेटासेट:'छूट के साथ डेटासेट',स्तंभ:'छूट',शीर्षक:'छूट का चयन करें'}] छूट - “ ~%WhatToEnter[]छूट ” सेल की सामग्री है।
तो, यहाँ अद्यतन HTML दिखता है:
~ %WhatToEnter[{डेटासेट:'छूट के साथ डेटासेट', कॉलम:'छूट',शीर्षक:'छूट का चयन करें'}]छूट शेष तालिका यथावत है। यहां परिणामी HTML जाता है जो सेल को प्रतिशत दर के साथ हाइलाइट करेगा:
नमूना शीर्षलेख 1 नमूना शीर्षलेख 2 नमूना शीर्षलेख 3 ~%WhatToEnter[{डेटासेट:'छूट के साथ डेटासेट', कॉलम:'छूट',शीर्षक:'छूट चुनें'}] छूट जब मैं इस परिवर्तन को सहेजता हूं और अपडेट की गई तालिका को ईमेल में पेस्ट करता हूं, तो मुझे ड्रॉपडाउन सूची मिल जाएगी छूट के साथ और पहली सेल को योजना के अनुसार हाइलाइट किया जाएगा।
पूरी पंक्ति को रंग दें
जब एक सेल पर्याप्त नहीं होता है, तो मैं पूरी पंक्ति को पेंट कर देता हूं :) आप सोच सकते हैं कि आपको ऊपर दिए गए अनुभाग के चरणों को सभी सेल के लिए लागू करने की आवश्यकता होगी एक पंक्ति। मैं आपको निराश करने के लिए दौड़ूंगा, प्रक्रिया थोड़ी भिन्न होगी।
ऊपर दिए गए निर्देशों में मैंने आपको दिखाया है कि इस सेल के HTML टुकड़े को संशोधित करते हुए सेल की पृष्ठभूमि को कैसे अपडेट किया जाए। चूंकि अब मैं पूरी तरह से पेंट करने वाला हूंपंक्ति, मुझे इसकी HTML पंक्ति लेनी होगी और सीधे इसमें परिवर्तन लागू करने होंगे।
अब यह विकल्प-मुक्त है और
जैसा दिखता है। मुझे इसकी आवश्यकता होगी data-set-style= जोड़ने के लिए और वहां पर मेरा WHAT_TO_ENTER पेस्ट करने के लिए। परिणाम में, रेखा नीचे की तरह दिखेगी:इस प्रकार, पेंट किए जाने वाले सेल के साथ तालिका का पूरा HTML इस तरह दिखेगा:
<15
नमूना हेडर 1 सैंपल हेडर 2 सैंपल हेडर 3 ~%WhatToEnter[{डेटासेट : 'छूट के साथ डेटासेट', कॉलम: 'छूट', शीर्षक: 'छूट चुनें'}] छूट यह सुनिश्चित करने के लिए अपने स्वयं के टेम्प्लेट के लिए इस HTML को कॉपी करने के लिए स्वतंत्र महसूस करें कि यह मेरे द्वारा वर्णित तरीके से काम करता है। वैकल्पिक रूप से, नीचे दिए गए स्क्रीनशॉट पर भरोसा करें :)
सारांश
आज मैं आपको आउटलुक टेबल में सशर्त स्वरूपण के बारे में बताना चाहता हूं। मैंने आपको दिखाया कि सेल की सामग्री का रंग कैसे बदलें और उनकी पृष्ठभूमि को कैसे हाइलाइट करें। आशा है कि मैं आपको समझाने में कामयाब रहा कि टेम्प्लेट के HTML को संशोधित करने में कुछ भी विशेष और कठिन नहीं है और आप अपने स्वयं के कुछ पेंटिंग प्रयोग चलाएंगे;)
FYI करें, टूल को Microsoft Store से आपके पीसी, मैक या विंडोज टैबलेट और आपके सभी उपकरणों पर एक साथ उपयोग किया जाता है।
यदि आपके पास कोई प्रश्न हैं या, शायद, तालिकाओं के स्वरूपण के बारे में सुझाव हैं, तो कृपया मुझे टिप्पणियों में बताएं। मॆ हुंगॉ