यस लेखमा तपाईले आउटलुकमा सशर्त तालिकाहरू कसरी ढाँचा गर्ने भनेर सिक्नुहुनेछ। म तपाइँलाई ड्रपडाउन सूचीबाट चयन गरेको रङको साथ कक्षहरूको पाठ र पृष्ठभूमि को रंग कसरी अपडेट गर्ने भनेर देखाउनेछु।

तयारी

हामीले हाम्रो "ड्राइंग पाठ" सुरु गर्नु अघि र Outlook मा सशर्त तालिकाहरू ढाँचा कसरी गर्ने भनेर सिक्नु अघि, म एउटा सानो परिचय दिन चाहन्छु। साझा इमेल टेम्प्लेट भनिन्छ Outlook को लागि हाम्रो अनुप्रयोग। यस उपयोगी उपकरणको साथ तपाईले आउटलुकमा तपाईको पत्राचारलाई छिटो र सजिलैसँग व्यवस्थापन गर्नुहुनेछ जुन तपाईले पहिले कल्पना गर्न सक्नुहुन्थ्यो। एड-इनले तपाईंलाई दोहोरिने प्रतिलिपि-पेस्टहरूबाट बच्न र केही क्लिकहरूमा राम्रो देखिने इमेलहरू सिर्जना गर्न मद्दत गर्नेछ।

अब हाम्रो मुख्य विषयमा फर्किने समय हो - Outlook तालिकाहरूमा सशर्त ढाँचा। अर्को शब्दमा, म तपाईलाई देखाउनेछु कि कसरी कक्षहरू, तिनीहरूको किनारा र सामग्रीलाई इच्छित रङमा रङ गर्ने। सुरुमा, तपाईंले Outlook मा तालिकाहरू कसरी सिर्जना गर्ने भनेर सम्झनु भएको कुरा सुनिश्चित गर्नुहोस्।

जसरी म ड्रपडाउन सूचीबाट रोजेको टोनमा आधारित सेलहरूलाई रंग दिनेछु, मैले थप एउटा पूर्व-व्यवस्था गर्न आवश्यक हुनेछ। यदि तपाइँ भर्न योग्य इमेल टेम्प्लेटहरू कसरी सिर्जना गर्ने भन्ने बारे मेरो ट्यूटोरियल सम्झनुहुन्छ भने, तपाइँलाई थाहा छ कि ड्रपडाउन सूचीहरू डेटासेटहरूको मद्दतले सिर्जना गरिन्छ। यस विषयमा आफ्नो ज्ञान अपडेट गर्न केही समय लिनुहोस् यदि तपाईंले डेटासेटहरू व्यवस्थापन गर्ने तरिका बिर्सनुभएको जस्तो लाग्छ र हामी अगाडि बढौं।

अब मैले जाँदैछु रङहरूसँग डेटासेट पूर्व-बचत गर्न आवश्यक छ। प्रयोग गर्नुहोस् (मैले यसलाई बोलाएँतपाईबाट फर्केर सुन्न पाउँदा खुसी लाग्यो!

छुटको साथ डाटासेट) र ड्रपडाउन चयनको साथ WhatToEnterम्याक्रो थप्नुहोस्। त्यसैले, यहाँ मेरो डेटासेट छ:

छूट	रङ कोड
10%	#70AD47
15%	#475496
20%	#FF0000
25%	#2E75B5

यदि तपाइँ ती कोडहरू कहाँ प्राप्त गर्ने भनेर सोच्नुहुन्छ भने, एउटा खाली तालिका सिर्जना गर्नुहोस्, जानुहोस् यसको गुणहरू मा र कुनै पनि रङ छान्नुहोस्। तपाईले यसको कोड सम्बन्धित फिल्डमा देख्नुहुनेछ, यसलाई त्यहाँबाट प्रतिलिपि गर्न स्वतन्त्र महसुस गर्नुहोस्।

म WHAT_TO_ENTER म्याक्रो सिर्जना गर्छु र यसलाई यस डेटासेटमा जडान गर्छु किनकि मलाई पछि यसको आवश्यकता पर्नेछ:

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',शीर्षक: चयन गर्नुहोस् discount'}]

यो सानो म्याक्रोले मलाई छुट ड्रपडाउन छनोट गर्न मद्दत गर्नेछ। एकचोटि मैले त्यसो गरेपछि, मेरो टेबलको आवश्यक भाग रंगिनेछ।

म बुझ्छु कि यो अहिले कति अस्पष्ट देखिन्छ त्यसैले म तपाईंलाई यो गलतफहमीको साथ छोड्ने छैन र पाठको रंग कसरी परिवर्तन गर्ने भनेर देखाउन थाल्छु। वा सेल हाइलाइट गर्नुहोस्। म आधारभूत नमूनाहरू प्रयोग गर्नेछु ताकि तपाईं विचार प्राप्त गर्न सक्नुहुनेछ र तपाईंको आफ्नै डेटाको साथ यो प्रक्रिया पुन: उत्पादन गर्न सक्नुहुन्छ।

यसलाई सुरु गरौं।

तालिकामा पाठको फन्ट रङ परिवर्तन गर्नुहोस्

तालिकामा केही पाठ छायांकन गरेर सुरु गरौं। मैले हाम्रा चित्रकला प्रयोगहरूका लागि नमूना तालिकासहितको टेम्प्लेट तयार गरेको छु:

नमूना हेडर 1 नमूना हेडर 2 नमूना हेडर3 [छूट दर यहाँ प्रविष्ट गर्नुपर्छ]

मेरो लक्ष्य ड्रपडाउन चयनको आधारमा पाठलाई सम्बन्धित रङमा पेन्ट गर्ने हो। अर्को शब्दमा, म टेम्प्लेट टाँस्न चाहन्छु, ड्रपडाउन सूचीबाट आवश्यक छुट दर छनोट गर्नुहोस् र यो टाँसिएको पाठ रंगीन हुनेछ। कुन रंगमा ? तयारी भागमा डेटासेटमा स्क्रोल गर्नुहोस्, तपाईंले प्रत्येक छुट दरको आफ्नै रङ कोड भएको देख्नुहुनेछ। यो चाहिने रङ हो जुन प्रयोग गर्नुपर्छ।

जसरी म ड्रपडाउन सूचीबाट छुट थप्न चाहन्छु, मैले यो कक्षमा WhatToEnter म्याक्रो टाँस्नुपर्छ। तपाईंले यस विषयमा आफ्नो स्मृति ताजा गर्न आवश्यक छ जस्तो लाग्छ? मेरो अघिल्लो ट्यूटोरियलहरू मध्ये एक जाँच गर्न एक क्षण लिनुहोस्;)

त्यसैले, परिणाम तालिका यस्तो देखिन्छ:

नमूना हेडर 1	नमूना हेडर 2	नमूना हेडर 3
~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] discount

हेर्नुहोस्, छुट दर ड्रपडाउन सूची र शब्द "छूट"बाट थपिनेछ। जे भए पनि त्यहाँ हुनेछ।

तर म कसरी टेम्प्लेट सेट अप गर्न सक्छु ताकि पाठ सम्बन्धित रङमा रंगियोस्? धेरै सजिलै वास्तवमा, मलाई टेम्प्लेटको HTML अलि अलि अद्यावधिक गर्न आवश्यक छ। सिद्धान्तको भाग समाप्त गरौं र अभ्यासमा दायाँ जाऔं।

तालिका कक्षमा सबै पाठलाई रंग दिनुहोस्

पहिलेबन्द, म मेरो टेम्प्लेटको HTML कोड खोल्छु र यसलाई ध्यानपूर्वक जाँच गर्छु:

यहाँ मेरो टेम्प्लेट HTML मा कस्तो देखिन्छ:

नोट। थपमा म सबै HTML कोडहरूलाई पाठको रूपमा पोस्ट गर्नेछु ताकि तपाईंले तिनीहरूलाई आफ्नै टेम्प्लेटहरूमा प्रतिलिपि गर्न सक्नुहुन्छ र आफूले चाहेको तरिका परिमार्जन गर्न सक्नुहुन्छ।

माथिको HTML मा अति नजिकबाट हेरौं। पहिलो रेखा तालिकाको सीमानाको गुणहरू (शैली, चौडाइ, रंग, आदि) हो। त्यसपछि पहिलो पङ्क्तिमा जान्छ (३ टेबल डाटा सेल तत्वहरू ३ स्तम्भहरूका लागि) तिनीहरूका विशेषताहरूसँग। त्यसपछि हामी दोस्रो पङ्क्तिको कोड देख्छौं।

म मेरो WHAT_TO_ENTER सँग दोस्रो पङ्क्तिको पहिलो तत्वमा रुचि राख्छु। कोडको निम्न टुक्रा थपेर रंग भरिनेछ:

TEXT_TO_BE_COLORED

म यसलाई टुक्रामा टुक्रा पार्नेछु र ती प्रत्येकलाई स्पष्ट पार्नेछु:

• The COLOR प्यारामिटरले चित्रकला ह्यान्डल गर्दछ। यदि तपाईंले यसलाई प्रतिस्थापन गर्नुभयो भने, "रातो" भनौं, यो पाठ रातो हुनेछ। यद्यपि, मेरो काम ड्रपडाउन सूचीबाट रङ छनोट गर्ने भएकोले, म एक सेकेन्डको लागि तयारीमा फर्कनेछु र त्यहाँबाट मेरो तयार WhatToEnter म्याक्रो लिनेछु: ~%WhatToEnter[{dataset: 'छूट सहितको डेटासेट', स्तम्भ: 'छूट', शीर्षक: छूट चयन गर्नुहोस्'}]
• TEXT_TO_BE_COLORED छायांकन गर्नुपर्ने पाठ हो। मेरो विशेष उदाहरणमा, यो हुनेछ “ ~% WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] discount ” (यस टुक्रालाई दायाँबाट प्रतिलिपि गर्नुहोस्।डाटा भ्रष्टाचारबाट बच्न मूल HTML कोड।

मैले मेरो HTML मा हाल्ने कोडको नयाँ टुक्रा यहाँ छ:

~%WhatToEnter[{dataset:'Dataset with छूट', स्तम्भ: 'छूट', शीर्षक: 'छूट चयन गर्नुहोस्'}] छुट

नोट। तपाईंले याद गर्नुभएको होला कि "स्तम्भ" प्यारामिटर ती दुई म्याक्रोहरूमा फरक छ। यो किनभने मैले विभिन्न स्तम्भहरूबाट मान फिर्ता गर्न आवश्यक छ, अर्थात् स्तम्भ:'रङ कोड' ले पाठलाई रंग दिने रङ फर्काउनेछ जबकि स्तम्भ:'छूट' - छुट कक्षमा टाँस्ने दर।

एउटा नयाँ प्रश्न उठ्छ - मैले HTML को कुन ठाउँमा राख्नु पर्छ? सामान्यतया बोल्दा, यो पाठ TEXT_TO_BE_COLORED लाई प्रतिस्थापन गर्नुपर्छ। मेरो नमूनामा, यो दोस्रो पङ्क्ति (स्तम्भ) को पहिलो स्तम्भ ( ) हुनेछ। त्यसोभए, म WTE म्याक्रो र शब्द "छूट" लाई माथिको कोडसँग प्रतिस्थापन गर्छु र निम्न HTML प्राप्त गर्दछु:

नमूना हेडर 1

नमूना हेडर 2

नमूना हेडर 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount' छुट एउटा पप-अप विन्डोले मलाई छुट छनोट गर्न सोध्नेछ। म 10% छान्छु र मेरो पाठ तुरुन्तै हरियोमा रंगिन्छ।

सेलको सामग्रीको भागलाई छाया गर्नुहोस्

कोषको अंशलाई मात्र रंग दिने तर्कसामग्री मूलतः उस्तै हो - तपाईंले अघिल्लो अध्यायको कोडको साथमा टु-इन-टिन्ट गरिएको पाठलाई मात्र बाँकी पाठलाई त्यस्तै छोड्नुहुन्छ।

यस उदाहरणमा, यदि मैले प्रतिशत मात्र रङ गर्न आवश्यक छ भने। ("छूट" शब्द बिना), म एचटीएमएल कोड खोल्नेछु, रङ लगाउन आवश्यक नभएको भाग चयन गर्नेछु (हाम्रो मामलामा "छूट") र यसलाई ट्यागबाट बाहिर सार्नुहोस्:

मा यदि तपाईंले सुरुदेखि नै रंगीन तयारीहरू गरिरहनुभएको छ भने, भविष्यमा रङको पाठ TEXT_TO_BE_COLORED को ठाउँमा जान्छ भन्ने कुरामा ध्यान दिनुहोस्, बाँकी समाप्त भएपछि रहन्छ। यहाँ मेरो नवीकरण गरिएको HTML छ:

नमूना हेडर 1

नमूना हेडर 2

नमूना हेडर 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] छुट

हेर्नु भयो? मैले ट्यागहरूमा मेरो सेलको सामग्रीको केही अंश मात्र राखेको छु, त्यसैले टाँस्दा यो भाग मात्र रंगिनेछ।

तालिका कक्षहरूमा सशर्त ढाँचा लागू गर्नुहोस्

अब कार्यलाई थोरै परिवर्तन गरौं र एउटै नमूना तालिकामा पाठ होइन तर सम्पूर्ण कक्षहरूको पृष्ठभूमि हाइलाइट गर्ने प्रयास गरौं।

एउटा कक्ष हाइलाइट गर्नुहोस्

जसरी म एउटै तालिका परिमार्जन गर्दैछु, म आफैलाई दोहोर्याउने छैन र यस अध्यायमा मूल तालिकाको HTML कोड पनि टाँस्नेछु। थोरै माथि स्क्रोल गर्नुहोस् वा पहिलो उदाहरणमा दायाँ जानुहोस्रङ नगरिएको तालिकाको अपरिवर्तित कोड हेर्नको लागि यो ट्यूटोरियल।

यदि म छुटको साथ सेलको पृष्ठभूमि छाया गर्न चाहन्छु भने, मैले HTML लाई थोरै परिमार्जन गर्न पनि आवश्यक छ, तर परिमार्जन फरक हुनेछ। पाठ रङ। मुख्य भिन्नता यो हो कि रङ पाठमा नभई सम्पूर्ण कक्षमा लागू गरिनुपर्छ।

हाइलाइट गरिएको कक्ष HTML ढाँचामा त्यस्तै देखिन्छ:

~%WhatToEnter [{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] छुट

जसरी म सेल हाइलाइट गर्न चाहन्छु, परिवर्तनहरू सेल विशेषतामा लागू गरिनु पर्छ, होइन पाठ गर्न। म माथिको रेखालाई भागहरूमा तोड्नेछु, ती प्रत्येकलाई स्पष्ट पार्नेछु र परिवर्तन गर्नुपर्ने भागहरूलाई औंल्याउँछु:

• “शैली=” भनेको पङ्क्तिको कक्षमा निम्न शैली गुणहरू। यो जहाँ हामी हाम्रो पहिलो ब्रेक लिन्छौं। मैले अनुकूलन पृष्ठभूमि रङ सेट गर्ने क्रममा, म शैली लाई डेटा-सेट-शैली मा परिवर्तन गर्छु।
• "चौडाइ: 32.2925%; सीमा: 1px ठोस कालो;" - ती पूर्वनिर्धारित शैली गुणहरू हुन् जुन मैले माथि भनेको थिएँ। मैले छनोट गरिएको सेलको पृष्ठभूमि अनुकूलन गर्न अर्को थप्न आवश्यक छ: पृष्ठभूमि-रङ । मेरो लक्ष्य ड्रपडाउन सूचीबाट प्रयोग गर्न रङ छनौट गर्ने भएकोले, म मेरो तयारीमा फर्कन्छु र त्यहाँबाट तयार WhatToEnter लिन्छु।

टिप। यदि तपाइँ सेललाई एउटै रङमा रंगिएको चाहनुहुन्छ र ड्रपडाउन सूचीले तपाइँलाई हरेक पटक परेशान गर्न चाहनुहुन्न भने,केवल रङ नाम ("नीलो", उदाहरणका लागि) संग म्याक्रो बदल्नुहोस्। यो यस्तो देखिनेछ: ~%WhatToEnter[{dataset:'Dataset with discount',column:'Discount',title:'select discount'}] छुट

• “ ~%WhatToEnter[] छुट ” सेलको सामग्री हो।

त्यसोभए, यहाँ अपडेट गरिएको HTML देखिन्छ:

~ %WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] छुट

बाँकी तालिका यथावत रहन्छ। यहाँ नतिजा HTML जान्छ जसले सेललाई प्रतिशत दरको साथ हाइलाइट गर्नेछ:

नमूना हेडर 1

नमूना हेडर 2

नमूना हेडर 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'select discount'}] छुट

<०>

> छुटको साथ र योजना अनुसार पहिलो सेल हाइलाइट गरिनेछ।

पूरै पङ्क्तिलाई रङ गर्नुहोस्

जब एउटा सेल पर्याप्त हुँदैन, म सम्पूर्ण पङ्क्तिलाई रंग दिन्छु :) तपाईंले सोच्न सक्नुहुन्छ कि तपाईंले माथिको खण्डका चरणहरू सबै कक्षहरूका लागि लागू गर्नुपर्नेछ। एक पङ्क्ति। म तपाईंलाई निराश गर्न हतार गर्नेछु, प्रक्रिया अलि फरक हुनेछ।

माथिका निर्देशनहरूमा मैले यो सेलको HTML टुक्रा परिमार्जन गर्ने सेलको पृष्ठभूमि कसरी अपडेट गर्ने भनेर देखाएको छु। अहिलेदेखि म पूरै पेन्टिङ गर्न लागेको छुपङ्क्ति, मैले यसको HTML लाइन लिनु पर्छ र यसमा परिवर्तनहरू लागू गर्नुपर्छ।

अब यो विकल्प-रहित छ र जस्तो देखिन्छ। मलाई चाहिन्छ data-set-style= थप्न र त्यहाँ मेरो WHAT_TO_ENTER टाँस्नुहोस्। नतिजामा, रेखा तलको जस्तो देखिनेछ:

यसैले, चित्रित कक्ष भएको तालिकाको सम्पूर्ण HTML यस प्रकार देखिनेछ:

नमूना हेडर 1

नमूना हेडर 2

नमूना हेडर 3

~%WhatToEnter[{dataset :'छूट सहितको डाटासेट',स्तम्भ:'छूट',शीर्षक:'छूट चयन गर्नुहोस्'}] छुट

यसले मैले वर्णन गरेको तरिकाले काम गर्छ भनी सुनिश्चित गर्नका लागि आफ्नै टेम्प्लेटहरूको लागि यो HTML प्रतिलिपि गर्न स्वतन्त्र महसुस गर्नुहोस्। वैकल्पिक रूपमा, तलको स्क्रिनसटमा विश्वास गर्नुहोस् :)

संक्षेप गर्नुहोस्

मैले आज आउटलुक तालिकाहरूमा सशर्त ढाँचाको बारेमा तपाईंलाई बताउन चाहान्छु। मैले तपाईंलाई सेल सामग्रीको रंग कसरी परिवर्तन गर्ने र तिनीहरूको पृष्ठभूमि हाइलाइट गर्ने भनेर देखाएको छु। टेम्प्लेटको एचटीएमएल परिमार्जन गर्नमा केही विशेष र गाह्रो छैन भनी मैले तपाईंलाई विश्वस्त पार्न सफल भएको छु र तपाईंले आफ्नै केही पेन्टिङ प्रयोगहरू चलाउनुहुनेछ ;)

FYI, उपकरणलाई Microsoft स्टोरबाट स्थापना गर्न सकिन्छ। PC, Mac वा Windows ट्याब्लेट र तपाईंका सबै यन्त्रहरूमा एकै साथ प्रयोग गरिन्छ।

यदि तपाईंसँग कुनै प्रश्नहरू छन् वा, हुनसक्छ, तालिका ढाँचाको बारेमा सुझावहरू छन् भने, कृपया मलाई टिप्पणीहरूमा थाहा दिनुहोस्। म हुनेछु