Efnisyfirlit
Í þessari grein muntu læra hvernig á að forsníða töflur með skilyrðum í Outlook. Ég skal sýna þér hvernig á að uppfæra málningu frumna texta og bakgrunns með litnum sem þú velur af fellilistanum.
Undirbúningur
Áður en við byrjum „teiknitímann“ okkar og lærum að forsníða töflur með skilyrtum hætti í Outlook, langar mig að gera smá kynningu á appið okkar fyrir Outlook sem heitir Shared Email Templates. Með þessu handhæga tæki muntu stjórna bréfaskiptum þínum í Outlook eins fljótt og auðveldlega og þú gætir aðeins ímyndað þér áður. Viðbótin mun hjálpa þér að forðast endurtekið copy-paste og búa til fallegan tölvupóst með nokkrum smellum.
Nú er kominn tími til að snúa aftur að aðalefninu okkar - skilyrt snið í Outlook töflum. Með öðrum orðum, ég mun sýna þér hvernig á að lita frumur, ramma þeirra og innihald í viðkomandi lit. Fyrst skaltu ganga úr skugga um að þú munir hvernig á að búa til töflur í Outlook.
Þar sem ég mun lita frumur út frá tóninum sem ég vel af fellilistanum, þá þarf ég að gera eina fyrirfram fyrirkomulag. Ef þú manst eftir kennslunni minni um hvernig á að búa til útfyllanleg tölvupóstsniðmát, þá veistu að fellilistar eru búnir til með hjálp gagnasafna. Gefðu þér augnablik til að uppfæra þekkingu þína á þessu efni ef þér finnst þú hafa gleymt hvernig á að stjórna gagnasöfnum og við skulum halda áfram.
Nú þarf ég að forvista gagnasafn með litunum sem ég ætla að nota. nota (ég kallaði þaðgaman að heyra frá þér!
Gagnasett með afslætti) og bættu við WhatToEnterfjölva með fellivalmyndinni. Svo, hér er gagnasafnið mitt:| Afsláttur | Litakóði |
| 10% | #70AD47 |
| 15% | #475496 |
| 20% | #FF0000 |
| 25% | #2E75B5 |
Ef þú veltir fyrir þér hvar á að fá þessa kóða skaltu bara búa til tóma töflu, fara að Eiginleikum þess og veldu hvaða lit sem er. Þú munt sjá kóðann hans í samsvarandi reit, ekki hika við að afrita hann strax þaðan. 
Ég bý til WHAT_TO_ENTER fjölva og tengi það við þetta gagnasafn þar sem ég mun þurfa það síðar:
~%WhatToEnter[{gagnasett:'Gagnasett með afslætti',dálkur:'Afsláttur',titill: Veldu afsláttur'}]Þessi litla fjölvi mun hjálpa mér að fá afsláttarvalmyndina til að velja úr. Þegar ég geri það verður nauðsynlegur hluti töflunnar minnar málaður.
Ég skil hversu óljóst það kann að vera í augnablikinu svo ég mun ekki skilja þig eftir með þennan misskilning og byrja að sýna hvernig á að breyta lit á texta eða auðkenna hólf. Ég mun nota grunnsýni svo að þú getir fengið hugmyndina og endurskapað þessa aðferð með þínum eigin gögnum.
Við skulum byrja á því.
Breyttu leturliti texta í töflu
Við skulum byrja á því að skyggja texta í töflunni. Ég hef útbúið sniðmát með sýnishornstöflu fyrir málningartilraunirnar okkar:
Mitt Markmiðið er að mála textann í samsvarandi lit eftir vali á fellilistanum. Með öðrum orðum, ég vil líma sniðmát, velja nauðsynlega afsláttarhlutfall af fellilistanum og þessi límdi texti verður litaður. Í hvaða lit? Skrunaðu upp að gagnasafninu í undirbúningshlutanum, þú munt sjá að hvert afsláttarhlutfall hefur sinn litakóða. Þetta er liturinn sem á að nota.
Þar sem ég vil að afslátturinn verði bætt við af fellilistanum þarf ég að líma WhatToEnter fjölva í þennan reit. Finnst þér þú þurfa að hressa upp á minnið um þetta efni? Gefðu þér augnablik til að skoða eitt af fyrri námskeiðunum mínum ;)
Svo, taflan sem myndast mun líta svona út:
| Dæmi fyrir haus 1 | Dæmi fyrir haus 2 | Dæmi fyrir haus 3 |
| ~%WhatToEnter[ {gagnasett:'Gagnasett með afslætti', dálkur:'Afsláttur', titill:'Veldu afsláttur'} ] afsláttur |
Sjáðu, afsláttarhlutfallið verður bætt við úr fellilistanum og orðið "afsláttur" verður samt.
En hvernig get ég sett upp sniðmátið þannig að textinn verði málaður í samsvarandi lit? Nokkuð auðveldlega, ég þarf bara að uppfæra HTML sniðmátsins aðeins. Ljúkum fræðihlutanum og förum beint til æfinga.
Litaðu allan texta í töflureit
Fyrstslökkt, ég opna HTML kóðann á sniðmátinu mínu og athuga það vandlega: 
Svona lítur sniðmátið mitt út í HTML: 
Athugið. Nánar á eftir mun ég birta alla HTML kóða sem texta svo að þú gætir afritað þá í eigin sniðmát og breytt eins og þú vilt.
Við skulum skoða HTML-númerið hér að ofan mjög náið. Fyrsta línan er eiginleikar borðrammans (stíll, breidd, litur osfrv.). Síðan fer fyrsta röðin
Ég hef áhuga á fyrsta þættinum í annarri línu með WHAT_TO_ENTER mínum. Litunin fer fram með því að bæta við eftirfarandi kóða:
TEXT_TO_BE_COLOREDÉg mun brjóta hann í sundur fyrir þig og skýra hvern þeirra:
- The COLOR færibreyta sér um málverkið. Ef þú skiptir því út fyrir, segjum, „rautt“, verður þessi texti rauður. Hins vegar, þar sem verkefni mitt er að velja lit af fellilistanum, mun ég fara aftur í undirbúninginn í eina sekúndu og taka tilbúna WhatToEnter makróið mitt þaðan: ~%WhatToEnter[{dataset: 'Gagnasett með afslætti',dálkur:'Afsláttur',titill: Veldu afslátt'}]
- TEXT_TO_BE_COLORED er textinn sem þarf að skyggja. Í tilteknu dæmi mínu væri það " ~%WhatToEnter[{gagnasett:'Gagnasett með afslætti',dálkur:'Afsláttur',titill:'Veldu afslátt'}] afsláttur " (afritaðu þetta stykki beint fráupprunalega HTML kóðann til að forðast gagnaspillingu).
Hér er nýja kóðann sem ég mun setja inn í HTML:
Athugið. Þú gætir hafa tekið eftir því að „dálkur“ færibreytan er mismunandi í þessum tveimur fjölvi. Það er vegna þess að ég þarf að skila gildinu úr mismunandi dálkum, þ.e. dálkur:'Litkóði' mun skila litnum sem mun mála textann á meðan dálkur:'Afsláttur' – afslátturinn hlutfall fyrir að líma í reit.
Ný spurning vaknar - í hvaða stað HTML ætti ég að setja það á? Almennt séð ætti þessi texti að koma í stað TEXT_TO_BE_COLORED. Í sýninu mínu væri það fyrsti dálkur (
Þegar ég vistað breytingarnar og límdi þetta uppfærða sniðmát, sprettigluggi biður mig um að velja afslátt. Ég vel 10% og textinn minn litast strax í grænu. 
Skygga hluta af innihaldi frumunnar
Rökfræðin fyrir að lita aðeins hluta af frumunniinnihaldið er í grundvallaratriðum það sama - þú skiptir aðeins út textanum sem á að lita fyrir kóðann frá fyrri kafla og skilur restina af textanum eins og er.
Í þessu dæmi, ef ég þarf að lita aðeins prósentuna (án orðsins "afsláttur"), ég opna HTML kóðann, velur þann hluta sem þarf ekki að lita ("afsláttur" í okkar tilfelli) og flyt hann úr merkinu: 
Í Ef þú ert að undirbúa litun alveg frá byrjun, hafðu bara í huga að framtíðarlitaður texti fer í stað TEXT_TO_BE_COLORED , restin helst eftir lokin. Hér er endurnýjað HTML:
Sjáðu? Ég hef sett aðeins hluta af innihaldi klefans míns innan merkjanna, þess vegna verður aðeins þessi hluti litaður þegar hann er límd. 
Beita skilyrtu sniði á töflufrumur
Nú skulum við breyta verkefninu aðeins og reyna að auðkenna ekki textann heldur bakgrunn allra frumanna í sömu sýnistöflunni.
Auðkenndu einn reit
Þar sem ég er að breyta sömu töflu mun ég ekki endurtaka mig og líma HTML kóða upprunalegu töflunnar líka í þessum kafla. Skrunaðu aðeins upp eða hoppaðu beint að fyrsta dæminu umþetta kennsluefni til að sjá óbreyttan kóða ólituðu töflunnar.
Ef ég vil skyggja bakgrunn reitsins með afsláttinum, þá þarf ég líka að breyta HTML aðeins, en breytingin verður frábrugðin texta litunina. Aðalmunurinn er sá að liturinn á ekki að vera notaður á textann heldur allan reitinn.
Hólfið sem á að merkja lítur svona út á HTML-sniði:
Þar sem ég vil auðkenna hólf ættu breytingarnar að vera notaðar á frumeigindið, ekki að texta. Ég mun brjóta línuna hér að ofan í hlutum, skýra hvern þeirra og benda á þá hluta sem þarf að breyta:
- “style=” þýðir að reit línunnar hefur eftirfarandi stíleiginleika. Þetta er þar sem við tökum okkar fyrsta hlé. Þar sem ég á að stilla sérsniðinn bakgrunnslit, breyti ég stíl í data-set-style .
- "width: 32.2925%; border: 1px solid black;" - þetta eru sjálfgefna stíleiginleikar sem ég átti við hér að ofan. Ég þarf að bæta við öðrum til að sérsníða bakgrunn valinnar reits: bakgrunnslitur . Þar sem markmið mitt er að velja litinn sem ég á að nota af fellilista fer ég aftur í undirbúninginn og tek tilbúna WhatToEnter þaðan.
Ábending. Ef þú vilt að klefinn sé málaður í einum lit og vilt ekki að fellilistinn trufli þig í hvert skipti,skiptu bara um fjölva fyrir litaheitið ("blár", til dæmis). Það mun líta svona út: ~%WhatToEnter[{gagnasett:'Gagnasett með afslætti',dálkur:'Afsláttur',title:'Veldu afslátt'}] afsláttur
- “ ~%WhatToEnter[] afsláttur “ er innihald hólfsins.
Svo, hér er uppfært HTML útlit:
Restin af töflunni helst eins og hún er. Hér kemur HTML-sniðið sem myndast sem mun auðkenna reitinn með prósentuhlutfallinu:
Þegar ég vista þessa breytingu og lími uppfærðu töfluna í tölvupósti fæ ég fellilistann með afslætti og fyrsti reiturinn verður auðkenndur eins og áætlað var. 
Litaðu alla röðina
Þegar ein hólf er ekki nóg, mála ég alla röðina :) Þú gætir haldið að þú þurfir að beita skrefunum úr hlutanum hér að ofan fyrir allar hólfin í röð. Ég flýti mér að valda þér vonbrigðum, málsmeðferðin verður aðeins frábrugðin.
Í leiðbeiningunum hér að ofan hef ég sýnt þér hvernig á að uppfæra bakgrunn frumunnar með því að breyta HTML-hluta þessa fruma. Síðan núna er ég að fara að mála allt afturröð, ég þarf að taka HTML línu hennar og beita breytingum beint á hana.
Nú er hún valmöguleikalaus og lítur út eins og . Ég þarf til að bæta data-set-style= við og líma WHAT_TO_ENTER þar inn. Í niðurstöðunni mun línan líta út eins og hér að neðan:
Þannig mun allt HTML töflunnar með reit sem á að mála líta svona út:
Verið frjálst að afrita þennan HTML fyrir eigin sniðmát til að tryggja að hann virki eins og ég lýsi. Að öðrum kosti, treystu skjáskotinu hér að neðan :) 
Samanak
Það er allt sem ég vildi segja þér um skilyrt snið í Outlook töflum í dag. Ég sýndi þér hvernig á að breyta lit á innihaldi frumna og auðkenna bakgrunn þeirra. Vona að mér hafi tekist að sannfæra þig um að það sé ekkert sérstakt og erfitt við að breyta HTML sniðmátsins og þú munt keyra nokkrar málningartilraunir þínar ;)
Til að vita, tólið er hægt að setja upp úr Microsoft Store á PC, Mac eða Windows spjaldtölvu og notuð í öllum tækjunum þínum samtímis.
Ef þú hefur einhverjar spurningar eða, kannski, tillögur um snið töflunnar, vinsamlegast láttu mig vita í athugasemdum. Ég verð
