విషయ సూచిక
ఈ కథనంలో మీరు Outlookలో పట్టికలను షరతులతో ఎలా ఫార్మాట్ చేయాలో నేర్చుకుంటారు. మీరు డ్రాప్డౌన్ జాబితా నుండి ఎంచుకున్న రంగుతో సెల్ల టెక్స్ట్ మరియు బ్యాక్గ్రౌండ్ పెయింట్ను ఎలా అప్డేట్ చేయాలో నేను మీకు చూపుతాను.
తయారీ
మనం మా “డ్రాయింగ్ పాఠం” ప్రారంభించే ముందు మరియు Outlookలో షరతులతో పట్టికలను ఎలా ఫార్మాట్ చేయాలో తెలుసుకోవడానికి, నేను దీని గురించి చిన్న పరిచయం చేయాలనుకుంటున్నాను Outlook కోసం మా యాప్ షేర్డ్ ఇమెయిల్ టెంప్లేట్లు అని పిలుస్తారు. ఈ సులభ సాధనంతో మీరు Outlookలో మీ కరస్పాండెన్స్ని మీరు ఇంతకు ముందు ఊహించినంత త్వరగా మరియు సులభంగా నిర్వహిస్తారు. యాడ్-ఇన్ మీకు పునరావృతమయ్యే కాపీ-పేస్ట్లను నివారించడానికి మరియు కొన్ని క్లిక్ల వ్యవధిలో చక్కగా కనిపించే ఇమెయిల్లను రూపొందించడంలో మీకు సహాయం చేస్తుంది.
ఇప్పుడు మా ప్రధాన అంశానికి తిరిగి రావడానికి ఇది సరైన సమయం - Outlook పట్టికలలో షరతులతో కూడిన ఆకృతీకరణ. మరో మాటలో చెప్పాలంటే, సెల్లు, వాటి సరిహద్దులు మరియు కంటెంట్ను కావలసిన రంగులో ఎలా రంగు వేయాలో నేను మీకు చూపిస్తాను. ముందుగా, Outlookలో పట్టికలను ఎలా సృష్టించాలో మీరు గుర్తుంచుకోవాలని నిర్ధారించుకోండి.
నేను డ్రాప్డౌన్ జాబితా నుండి ఎంచుకున్న టోన్ ఆధారంగా సెల్లకు రంగులు వేస్తాను కాబట్టి, నేను మరొక ముందస్తు ఏర్పాట్లు చేయాల్సి ఉంటుంది. పూరించదగిన ఇమెయిల్ టెంప్లేట్లను ఎలా సృష్టించాలో మీరు నా ట్యుటోరియల్ని గుర్తుచేసుకుంటే, డేటాసెట్ల సహాయంతో డ్రాప్డౌన్ జాబితాలు సృష్టించబడతాయని మీకు తెలుసు. డేటాసెట్లను ఎలా నిర్వహించాలో మీరు మర్చిపోయినట్లు మీకు అనిపిస్తే, ఈ అంశంపై మీ పరిజ్ఞానాన్ని అప్డేట్ చేసుకోవడానికి కొంత సమయం కేటాయించండి మరియు ముందుకు సాగుదాం.
ఇప్పుడు నేను చేయబోయే రంగులతో డేటాసెట్ను ముందుగా సేవ్ చేయాలి ఉపయోగించండి (నేను దానిని పిలిచానుమీ నుండి తిరిగి విన్నందుకు సంతోషంగా ఉంది! తగ్గింపులతో డేటాసెట్ ) మరియు డ్రాప్డౌన్ ఎంపికతో WhatToEnter మాక్రోని జోడించండి. కాబట్టి, ఇదిగోండి నా డేటాసెట్:
తగ్గింపు | కలర్ కోడ్ |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
ఆ కోడ్లను ఎక్కడ పొందాలో మీరు ఆలోచిస్తే, ఖాళీ పట్టికను సృష్టించండి, వెళ్ళండి దాని గుణాలకు మరియు ఏదైనా రంగును ఎంచుకోండి. మీరు దాని కోడ్ను సంబంధిత ఫీల్డ్లో చూస్తారు, అక్కడ నుండి దాన్ని కాపీ చేయడానికి సంకోచించకండి.
నేను WHAT_TO_ENTER స్థూలాన్ని సృష్టించి, దాన్ని ఈ డేటాసెట్కి కనెక్ట్ చేసాను:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: ఎంచుకోండి డిస్కౌంట్'}]ఈ చిన్న మాక్రో నేను ఎంచుకోవడానికి తగ్గింపు డ్రాప్డౌన్ను పొందడానికి నాకు సహాయం చేస్తుంది. నేను అలా చేసిన తర్వాత, నా టేబుల్కి అవసరమైన భాగం పెయింట్ చేయబడుతుంది.
ఇది ప్రస్తుతానికి ఎంత అస్పష్టంగా ఉందో నాకు అర్థమైంది కాబట్టి నేను మీకు ఈ అపార్థాన్ని కలిగించను మరియు టెక్స్ట్ రంగును ఎలా మార్చాలో చూపడం ప్రారంభించను. లేదా సెల్ను హైలైట్ చేయండి. నేను ప్రాథమిక నమూనాలను ఉపయోగిస్తాను, తద్వారా మీరు ఆలోచనను పొందగలరు మరియు మీ స్వంత డేటాతో ఈ విధానాన్ని పునరుత్పత్తి చేయగలరు.
దీనిని ప్రారంభించండి.
టేబుల్లోని టెక్స్ట్ యొక్క ఫాంట్ రంగును మార్చండి
టేబుల్లో కొంత వచనాన్ని షేడింగ్ చేయడంతో ప్రారంభిద్దాం. నేను మా పెయింటింగ్ ప్రయోగాల కోసం నమూనా పట్టికతో ఒక టెంప్లేట్ను సిద్ధం చేసాను:
నా డ్రాప్డౌన్ ఎంపికను బట్టి వచనాన్ని సంబంధిత రంగులో చిత్రించడమే లక్ష్యం. మరో మాటలో చెప్పాలంటే, నేను టెంప్లేట్ను అతికించాలనుకుంటున్నాను, డ్రాప్డౌన్ జాబితా నుండి అవసరమైన తగ్గింపు రేటును ఎంచుకోండి మరియు ఈ అతికించిన వచనం రంగులో ఉంటుంది. ఏ రంగులో? తయారీ భాగంలోని డేటాసెట్ వరకు స్క్రోల్ చేయండి, ప్రతి తగ్గింపు రేటు దాని స్వంత రంగు కోడ్ను కలిగి ఉన్నట్లు మీరు చూస్తారు. ఇది ఉపయోగించాల్సిన కావలసిన రంగు.
నేను డ్రాప్డౌన్ జాబితా నుండి తగ్గింపును జోడించాలనుకుంటున్నాను, నేను ఈ సెల్లో WhatToEnter మాక్రోను అతికించాలి. మీరు ఈ విషయంపై మీ జ్ఞాపకశక్తిని రిఫ్రెష్ చేయాలని భావిస్తున్నారా? నా మునుపటి ట్యుటోరియల్లలో ఒకదానిని తనిఖీ చేయడానికి కొంత సమయం కేటాయించండి ;)
కాబట్టి, ఫలిత పట్టిక ఇలా కనిపిస్తుంది:
నమూనా శీర్షిక 1 | నమూనా శీర్షిక 2 | నమూనా శీర్షిక 3 |
~%WhatToEnter[ {dataset:'డిస్కౌంట్లతో డేటాసెట్', నిలువు వరుస:'డిస్కౌంట్', శీర్షిక:'ఎంచుకోండి డిస్కౌంట్'} ] తగ్గింపు |
చూడండి, తగ్గింపు రేటు డ్రాప్డౌన్ జాబితా నుండి మరియు “తగ్గింపు” అనే పదం నుండి జోడించబడుతుంది. ఏమైనప్పటికీ అక్కడ ఉంటుంది.
కానీ నేను టెంప్లేట్ను ఎలా సెటప్ చేయగలను, తద్వారా టెక్స్ట్ సంబంధిత రంగులో పెయింట్ చేయబడుతుంది? నిజానికి చాలా సులభంగా, నేను టెంప్లేట్ యొక్క HTMLని కొద్దిగా అప్డేట్ చేయాలి. సిద్ధాంత భాగాన్ని పూర్తి చేసి, ప్రాక్టీస్కి కుడివైపుకి వెళ్దాం.
టేబుల్ సెల్లోని మొత్తం వచనానికి రంగు వేయండి
మొదటఆఫ్, నేను నా టెంప్లేట్ యొక్క HTML కోడ్ని తెరిచి, దానిని జాగ్రత్తగా తనిఖీ చేస్తాను:
HTMLలో నా టెంప్లేట్ ఎలా ఉంటుందో ఇక్కడ ఉంది:
గమనిక. ఇకపై నేను అన్ని HTML కోడ్లను టెక్స్ట్గా పోస్ట్ చేస్తాను, తద్వారా మీరు వాటిని మీ స్వంత టెంప్లేట్లకు కాపీ చేసి మీకు కావలసిన విధంగా సవరించుకోవచ్చు.
పైన ఉన్న HTMLని చాలా దగ్గరగా చూద్దాం. మొదటి పంక్తి పట్టిక అంచు యొక్క లక్షణాలు (శైలి, వెడల్పు, రంగు మొదలైనవి). ఆపై మొదటి అడ్డు వరుస
నా WHAT_TO_ENTERతో రెండవ అడ్డు వరుసలోని మొదటి మూలకంపై నాకు ఆసక్తి ఉంది. కింది కోడ్ను జోడించడం ద్వారా రంగు వేయడం జరుగుతుంది:
TEXT_TO_BE_COLOREDనేను దానిని మీ కోసం ముక్కలుగా విభజిస్తాను మరియు వాటిలో ప్రతిదానిని స్పష్టం చేస్తాను:
- COLOR పరామితి పెయింటింగ్ను నిర్వహిస్తుంది. మీరు దానిని భర్తీ చేస్తే, "ఎరుపు" అని చెప్పండి, ఈ వచనం ఎరుపుగా మారుతుంది. అయినప్పటికీ, డ్రాప్డౌన్ జాబితా నుండి రంగును ఎంచుకోవడం నా పని కాబట్టి, నేను ఒక సెకనుకు ప్రిపరేషన్కి తిరిగి వస్తాను మరియు నేను సిద్ధం చేసిన WhatToEnter మాక్రోను అక్కడి నుండి తీసుకుంటాను: ~%WhatToEnter[{dataset: 'డిస్కౌంట్లతో కూడిన డేటాసెట్',నిలువు:'డిస్కౌంట్',శీర్షిక: తగ్గింపును ఎంచుకోండి'}]
- TEXT_TO_BE_COLORED అనేది షేడ్ చేయవలసిన వచనం. నా ప్రత్యేక ఉదాహరణలో, అది “ ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Discount',title:'Select discount'}] తగ్గింపు " (ఈ భాగాన్ని ఇక్కడ నుండి కాపీ చేయండిడేటా అవినీతిని నివారించడానికి అసలైన HTML కోడ్).
నేను నా HTMLలో చొప్పించబోయే కొత్త కోడ్ ముక్క ఇక్కడ ఉంది:
గమనిక. ఆ రెండు మాక్రోలలో “కాలమ్” పరామితి భిన్నంగా ఉన్నట్లు మీరు గమనించి ఉండవచ్చు. ఎందుకంటే నేను వివిధ నిలువు వరుసల నుండి విలువను తిరిగి ఇవ్వవలసి ఉంది, అనగా నిలువు వరుస:'కలర్ కోడ్' వచనాన్ని చిత్రించే రంగును అందిస్తుంది, అయితే నిలువు:'డిస్కౌంట్' - తగ్గింపు సెల్లో అతికించడానికి రేటు.
ఒక కొత్త ప్రశ్న తలెత్తుతుంది – నేను HTMLని ఏ స్థానంలో ఉంచాలి? సాధారణంగా చెప్పాలంటే, ఈ వచనం TEXT_TO_BE_COLORED స్థానంలో ఉండాలి. నా నమూనాలో, ఇది రెండవ అడ్డు వరుస (కాలమ్) యొక్క మొదటి నిలువు వరుస (
నేను మార్పులను సేవ్ చేసి, ఈ నవీకరించబడిన టెంప్లేట్ను అతికించిన తర్వాత, ఒక పాప్-అప్ విండో నన్ను డిస్కౌంట్ ఎంచుకోమని అడుగుతుంది. నేను 10% ఎంచుకున్నాను మరియు నా వచనం వెంటనే ఆకుపచ్చ రంగులో ఉంటుంది.
సెల్ కంటెంట్లోని షేడ్ భాగం
సెల్లో కొంత భాగాన్ని మాత్రమే కలరింగ్ చేయడానికి లాజిక్కంటెంట్ ప్రాథమికంగా ఒకే విధంగా ఉంటుంది – మీరు మునుపటి అధ్యాయంలోని కోడ్తో లేతరంగు టెక్స్ట్ను మాత్రమే భర్తీ చేస్తారు, మిగిలిన టెక్స్ట్ను అలాగే ఉంచారు.
ఈ ఉదాహరణలో, నేను శాతాన్ని మాత్రమే రంగు వేయాలి. (“తగ్గింపు” అనే పదం లేకుండా), నేను HTML కోడ్ని తెరుస్తాను, రంగు వేయాల్సిన అవసరం లేని భాగాన్ని ఎంచుకుంటాను (మా విషయంలో "డిస్కౌంట్") మరియు దానిని ట్యాగ్ నుండి బయటకు తరలించండి:
లో మీరు మొదటి నుండి కలరింగ్ సన్నాహాలు చేస్తున్నట్లయితే, భవిష్యత్తులో రంగుల వచనం TEXT_TO_BE_COLORED స్థానంలో వెళుతుందని గుర్తుంచుకోండి, మిగిలినవి ముగింపు తర్వాత అలాగే ఉంటాయి . ఇదిగో నా పునరుద్ధరించబడిన HTML:
చూడవా? నేను నా సెల్ కంటెంట్లో కొంత భాగాన్ని మాత్రమే ట్యాగ్లలో ఉంచాను, కాబట్టి అతికించేటప్పుడు ఈ భాగం మాత్రమే రంగులో ఉంటుంది.
టేబుల్ సెల్లకు షరతులతో కూడిన ఫార్మాటింగ్ని వర్తింపజేయండి
ఇప్పుడు టాస్క్ను కొద్దిగా మారుద్దాం మరియు అదే నమూనా పట్టికలో వచనాన్ని కాకుండా మొత్తం సెల్ల నేపథ్యాన్ని హైలైట్ చేయడానికి ప్రయత్నించండి.
ఒక గడిని హైలైట్ చేయండి
నేను అదే టేబుల్ని సవరిస్తున్నందున, నేను పునరావృతం చేయను మరియు ఈ అధ్యాయంలో అసలు పట్టిక యొక్క HTML కోడ్ను కూడా అతికించను. కొంచెం పైకి స్క్రోల్ చేయండి లేదా మొదటి ఉదాహరణకి కుడివైపుకి వెళ్లండిఈ ట్యుటోరియల్ రంగులేని పట్టిక యొక్క మారని కోడ్ను చూడటానికి.
నేను డిస్కౌంట్తో సెల్ యొక్క నేపథ్యాన్ని షేడ్ చేయాలనుకుంటే, నేను HTMLని కూడా కొద్దిగా సవరించాలి, కానీ మార్పు భిన్నంగా ఉంటుంది టెక్స్ట్ కలరింగ్. ప్రధాన వ్యత్యాసం ఏమిటంటే, రంగును టెక్స్ట్కు కాకుండా మొత్తం సెల్కు వర్తింపజేయాలి.
హైలైట్ చేయాల్సిన సెల్ HTML ఫార్మాట్లో అలా కనిపిస్తుంది:
నేను సెల్ను హైలైట్ చేయాలనుకుంటున్నాను, మార్పులు సెల్ అట్రిబ్యూట్కి వర్తింపజేయాలి, కాదు వచనానికి. నేను పైన ఉన్న పంక్తిని భాగాలుగా విడదీసి, వాటిలో ప్రతిదానిని స్పష్టం చేస్తాను మరియు మార్చవలసిన భాగాలను సూచిస్తాను:
- “style=” అంటే అడ్డు వరుస యొక్క సెల్ క్రింది శైలి లక్షణాలు. ఇక్కడే మేము మా మొదటి విరామం తీసుకుంటాము. నేను అనుకూల నేపథ్య రంగును సెట్ చేయవలసి ఉన్నందున, నేను శైలి ని డేటా-సెట్-శైలి కి మారుస్తాను.
- "వెడల్పు: 32.2925%; సరిహద్దు: 1px ఘన నలుపు;" – అవి నేను పైన ఉద్దేశించిన డిఫాల్ట్ శైలి లక్షణాలు. ఎంచుకున్న సెల్ యొక్క నేపథ్యాన్ని అనుకూలీకరించడానికి నేను మరొకదాన్ని జోడించాలి: బ్యాక్గ్రౌండ్-కలర్ . డ్రాప్డౌన్ జాబితా నుండి ఉపయోగించాల్సిన రంగును ఎంచుకోవడం నా లక్ష్యం కాబట్టి, నేను నా ప్రిపరేషన్కి తిరిగి వచ్చి, అక్కడ నుండి సిద్ధంగా ఉన్న WhatToEnterని తీసుకుంటాను.
చిట్కా. మీరు సెల్ను ఒకే రంగులో పెయింట్ చేయాలనుకుంటే మరియు డ్రాప్డౌన్ జాబితా మిమ్మల్ని ప్రతిసారీ ఇబ్బంది పెట్టకూడదనుకుంటే,స్థూలాన్ని రంగు పేరుతో భర్తీ చేయండి (ఉదాహరణకు, "నీలం"). ఇది ఇలా ఉంటుంది: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] డిస్కౌంట్
- “ ~%WhatToEnter[] డిస్కౌంట్ ” అనేది సెల్ యొక్క కంటెంట్.
కాబట్టి, నవీకరించబడిన HTML లుక్లు ఇక్కడ ఉన్నాయి:
మిగిలిన పట్టిక అలాగే ఉంటుంది. సెల్ను శాతం రేటుతో హైలైట్ చేసే ఫలిత HTML ఇక్కడ ఉంది:
నేను ఈ మార్పును సేవ్ చేసి, అప్డేట్ చేసిన పట్టికను ఇమెయిల్లో అతికించినప్పుడు, నేను డ్రాప్డౌన్ జాబితాను పొందుతాను డిస్కౌంట్లు మరియు మొదటి సెల్ ప్రణాళిక ప్రకారం హైలైట్ చేయబడుతుంది.
మొత్తం అడ్డు వరుసకు రంగు వేయండి
ఒక సెల్ సరిపోనప్పుడు, నేను మొత్తం అడ్డు వరుసను పెయింట్ చేస్తాను :) మీరు అన్ని సెల్ల కోసం ఎగువ విభాగంలోని దశలను వర్తింపజేయవలసి ఉంటుందని మీరు అనుకోవచ్చు ఒక వరుస. నేను మిమ్మల్ని నిరాశపరచడానికి తొందరపడతాను, విధానం కొద్దిగా భిన్నంగా ఉంటుంది.
పై సూచనలలో ఈ సెల్ యొక్క HTML భాగాన్ని సవరించడం ద్వారా సెల్ నేపథ్యాన్ని ఎలా అప్డేట్ చేయాలో నేను మీకు చూపించాను. ఇప్పటి నుండి నేను మొత్తం తిరిగి పెయింట్ చేయబోతున్నానుఅడ్డు వరుస, నేను దాని HTML లైన్ని తీసుకొని దానికి మార్పులను వర్తింపజేయాలి.
ఇప్పుడు ఇది ఎంపికలు లేనిది మరియు వలె కనిపిస్తుంది. నాకు అవసరం data-set-style= జోడించడానికి మరియు నా WHAT_TO_ENTERని అక్కడ అతికించండి. ఫలితంగా, పంక్తి క్రింది విధంగా కనిపిస్తుంది:
అందువలన, పెయింట్ చేయవలసిన సెల్తో టేబుల్ యొక్క మొత్తం HTML ఇలా కనిపిస్తుంది:
నేను వివరించిన విధంగా ఇది పని చేస్తుందని నిర్ధారించుకోవడానికి మీ స్వంత టెంప్లేట్ల కోసం ఈ HTMLని కాపీ చేయడానికి సంకోచించకండి. ప్రత్యామ్నాయంగా, దిగువ స్క్రీన్షాట్ను విశ్వసించండి :)
సమప్
ఈరోజు Outlook పట్టికలలో షరతులతో కూడిన ఆకృతీకరణ గురించి నేను మీకు చెప్పాలనుకుంటున్నాను. కణాల రంగును మార్చడం ఎలాగో నేను మీకు చూపించాను 'కంటెంట్ మరియు వాటి నేపథ్యాన్ని హైలైట్ చేయండి. టెంప్లేట్ యొక్క HTMLని సవరించడంలో ప్రత్యేకంగా మరియు కష్టంగా ఏమీ లేదని మరియు మీరు మీ స్వంతంగా కొన్ని పెయింటింగ్ ప్రయోగాలను అమలు చేస్తారని నేను మిమ్మల్ని ఒప్పించగలిగానని ఆశిస్తున్నాను PC, Mac లేదా Windows టాబ్లెట్ మరియు మీ అన్ని పరికరాలలో ఏకకాలంలో ఉపయోగించబడుతుంది.
మీకు ఏవైనా ప్రశ్నలు లేదా, బహుశా, పట్టికల ఫార్మాటింగ్ గురించి సూచనలు ఉంటే, దయచేసి వ్యాఖ్యలలో నాకు తెలియజేయండి. నేను ఉంటాం