Selles artiklis saate teada, kuidas Outlookis tabeleid tingimuslikult vormindada. Näitan teile, kuidas uuendada lahtrite teksti värvust. ja tausta värviga, mille valite rippmenüüst.

Ettevalmistus

Enne kui alustame oma "joonistamistundi" ja õpime, kuidas Outlookis tabeleid tinglikult vormindada, tahaksin teha väikese tutvustuse meie Outlooki rakendusest nimega Shared Email Templates. Selle praktilise tööriista abil saate oma kirjavahetust Outlookis hallata nii kiiresti ja lihtsalt, nagu te varem vaid ette kujutasite. Lisavahend aitab teil vältida korduvaid copy-paste'e ja luua kena välimusega e-kirju ühespaari kliki küsimus.

Nüüd on viimane aeg naasta meie põhiteema juurde - tingimuslik vormindamine Outlooki tabelites. Teisisõnu, ma näitan teile, kuidas värvida lahtreid, nende piire ja sisu soovitud värviga. Kõigepealt veenduge, et mäletate, kuidas Outlookis tabeleid luua.

Kuna ma hakkan lahtreid värvima vastavalt sellele, millise tooni ma ripploendist valin, siis pean tegema veel ühe eeltöö. Kui mäletate minu õpetust, kuidas luua täidetavaid e-posti malle, siis teate, et ripploendeid luuakse andmekogumite abil. Võtke hetk, et värskendada oma teadmisi sel teemal, kui tunnete, et olete unustanud, kuidas andmekogumeid hallata ja liigume edasi.

Nüüd pean ma eelnevalt salvestama andmekogumi värvidega, mida kavatsen kasutada (ma nimetasin seda Andmekogum koos allahindlustega ) ja lisada WhatToEnter makro koos rippvalikuga. Niisiis, siin on minu andmestik:

Kui te ei tea, kust neid koode saada, looge lihtsalt tühi tabel, minge selle Omadused ja valige ükskõik milline värv. Näete selle koodi vastaval väljal, kopeerige see julgelt otse sealt.

Loen makro WHAT_TO_ENTER ja ühendan selle andmekogumiga, kuna vajan seda hiljem:

See väike makro aitab mul saada allahindluse rippmenüüst valida. Kui ma seda teen, värvib minu tabeli vajalik osa.

Ma saan aru, kui ebaselge see praegu võib tunduda, nii et ma ei jäta teid selle arusaamatusega ja hakkan näitama, kuidas teksti värvi muuta või lahtrit esile tõsta. Ma kasutan põhinäiteid, et saaksite idee ja saaksite seda protseduuri oma andmetega reprodutseerida.

Alustame.

Muuda teksti kirjavärvi tabelis

Alustame tabelis oleva teksti varjutamisega. Ma olen meie värvimiskatsete jaoks ette valmistanud malli näidistabeliga:

Minu eesmärk on värvida tekst vastava värviga sõltuvalt rippvalikust. Teisisõnu, ma tahan kleepida malli, valida rippvalikust vajaliku soodusmäära ja see kleebitud tekst värvitakse. Millise värviga? Kerige ettevalmistusosas oleva andmestiku juurde, näete, et igal soodusmääraga on oma värvikood. See on soovitud värv, mis peaks olemakasutatud.

Kuna ma soovin, et allahindlus lisataks rippmenüüst, pean ma sellesse lahtrisse kleepima WhatToEnter makro. Tundub, et pead oma mälu sel teemal värskendama? Võta hetkeks aega, et vaadata ühte minu varasematest õpetustest ;)

Seega näeb tulemuseks olev tabel välja selline:

Vaadake, allahindlusmäär lisatakse rippmenüüst ja sõna "allahindlus" on seal niikuinii olemas.

Aga kuidas ma saan seadistada malli nii, et tekst saaks värvitud vastava värviga? Tegelikult üsna lihtsalt, ma pean vaid malli HTML-i veidi uuendama. Lõpetame teooria osa ja läheme kohe praktikasse.

Värvi kogu tekst tabeli lahtris

Kõigepealt avan ma oma malli HTML-koodi ja vaatan seda hoolikalt üle:

Siin on näha, kuidas minu mall näeb välja HTML-is:

Märkus. Edaspidi postitan kõik HTML-koodid tekstina, et saaksite need kopeerida oma mallidesse ja muuta nii, nagu soovite.

Vaatame ülaltoodud HTML-i ülalpool. Esimene rida on tabeli serva omadused (stiil, laius, värv jne). Seejärel läheb esimene rida (3 tabeli andmevälja elementi 3 veeru jaoks) koos nende atribuutidega. Seejärel näeme teise rea koodi.

Mind huvitab teise rea esimene element minu WHAT_TO_ENTERiga. Värvimine toimub järgmise kooditüki lisamisega:

Jagan selle teie jaoks tükkideks ja selgitan igaühele neist:

• The COLOR parameeter tegeleb värviga. Kui asendada see näiteks "punasega", muutub see tekst punaseks. Kuna minu ülesanne on aga valida värv ripploendist, siis tulen korraks tagasi ettevalmistuse juurde ja võtan oma ettevalmistatud WhatToEnter makro sealt: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Valige allahindlus'}]
• TEXT_TO_BE_COLORED on tekst, mis tuleb varjutada. Minu konkreetses näites oleks see " ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount " (kopeerige see osa otse algsest HTML-koodist, et vältida andmete rikkumist).

Siin on uus kood, mille ma lisan oma HTML-i:

Märkus. Võib-olla olete märganud, et parameeter "column" on nendes kahes makros erinev. See tuleneb sellest, et mul on vaja tagastada väärtus erinevatest veergudest, st. veerg:'Värvikood' tagastab värvi, mis värvib teksti, samas kui veerg:'Allahindlus' - lahtrisse kleepimise diskontomäär.

Tekib uus küsimus - millisesse kohta HTML-is peaksin selle paigutama? Üldiselt rääkides peaks see tekst asendama TEXT_TO_BE_COLORED. Minu näites oleks see esimene veerg ( ) teise rea (veeru). Niisiis, ma asendan WTE makro ja sõna "allahindlus" ülaltoodud koodiga ja saan järgmise HTMLi:

Näide pealkiri 1

Näide pealkiri 2

Näide pealkiri 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

Kui ma salvestan muudatused ja kleebin selle uuendatud malli, siis hüpikaknas palutakse mul valida allahindlus. Ma valin 10% ja mu tekst värvub kohe roheliseks.

Toon osa raku sisust

Ainult osa lahtri sisu värvimise loogika on põhimõtteliselt sama - asendate ainult värvitava teksti eelmise peatüki koodiga, jättes ülejäänud teksti muutmata.

Selles näites, kui mul on vaja värvida ainult protsenti (ilma sõnata "allahindlus"), avan HTML-koodi, valin osa, mida ei ole vaja värvida ("allahindlus" meie puhul) ja liigutan selle välja tagi:

Juhul, kui teete värvimise ettevalmistusi algusest peale, pidage lihtsalt meeles, et tulevane värviline tekst läheb asemele TEXT_TO_BE_COLORED , ülejäänud jääb pärast lõppu . Siin on minu uuendatud HTML:

Näide pealkiri 1

Näide pealkiri 2

Näide pealkiri 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

Näete? Ma olen paigutanud ainult osa oma lahtri sisust siltide sisse, seega ainult see osa on kleepimisel värviline.

Tabeli lahtritele tingimusliku vormingu rakendamine

Nüüd muudame veidi ülesannet ja proovime samas näidistabelis mitte teksti, vaid kogu lahtrite tausta esile tõsta.

Rõhutage üks lahter

Kuna ma muudan sama tabelit, siis ei hakka ma ennast kordama ja kleebin algse tabeli HTML-koodi ka sellesse peatükki. Kerige veidi ülespoole või hüpake kohe selle õpetuse esimese näite juurde, et näha värvimata tabeli muutmata koodi.

Kui ma tahan lahtri tausta allahindlusega toonida, pean ka HTML-i veidi muutma, kuid muudatus erineb teksti värvimisest. Peamine erinevus on see, et värvi tuleb rakendada mitte tekstile, vaid kogu lahtrisse.

HTML-vormingus näeb esile tõstetav lahter välja nii:

Kuna ma tahan lahtrit esile tõsta, siis tuleb muudatused teha lahtri atribuudile, mitte tekstile. Jagan ülaltoodud rea osadeks, selgitan iga osa ja osutan muudetavatele osadele:

• "style=" tähendab, et rea lahtril on järgmised stiiliomadused. Siinkohal teeme esimese pausi. Kuna ma pean seadma kohandatud taustavärvi, siis muudan ma stiil aadressile andmekogumi stiilis .
• "width: 32.2925%; border: 1px solid black;" - need on vaikimisi stiiliomadused, mida ma eespool mõtlesin. Mul on vaja lisada veel üks, et kohandada valitud lahtri tausta: background-color . Kuna minu eesmärk on valida ripploendist kasutatav värv, siis jõuan tagasi oma ettevalmistuse juurde ja võtan sealt valmis WhatToEnter.

Vihje. Kui soovid, et lahter oleks värvitud ühte värvi ja ei taha, et ripploendist iga kord häiriks sind, asenda lihtsalt makro värvi nimega ("sinine", näiteks). See näeb siis nii välja: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

• " ~%WhatToEnter[] allahindlus " on lahtri sisu.

Niisiis, siin on uuendatud HTML näeb välja:

Ülejäänud osa tabelist jääb nii nagu ta on. Siin läheb tulemuseks HTML, mis toob esile lahtri protsendimääraga:

Näide pealkiri 1

Näide pealkiri 2

Näide pealkiri 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

Kui ma salvestan selle muudatuse ja kleebin uuendatud tabeli e-kirja, saan ma allahindlustega ripploendi ja esimene lahter on esile tõstetud, nagu plaanitud.

Värvi kogu rida

Kui ühest lahtrist ei piisa, värvin kogu rea :) Võid arvata, et pead rakendama ülaltoodud punktis toodud samme kõigi rea lahtrite puhul. Kiirustan sind pettuma, protseduur erineb veidi.

Ülaltoodud juhistes näitasin, kuidas uuendada lahtri tausta, muutes selle lahtri HTML-tükki. Kuna nüüd kavatsen kogu rea ümber värvida, siis pean võtma selle HTML-rea ja rakendama muudatused otse sellele.

Nüüd on see valikuvaba ja näeb välja nagu . Ma pean lisama data-set-style= ja kleebi sinna minu WHAT_TO_ENTER. Tulemusena näeb rida välja nagu allpool:

Seega näeb kogu HTML-tabel koos värvitava lahtriga välja nii:

Näide pealkiri 1

Näide pealkiri 2

Näide pealkiri 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

Võite vabalt kopeerida selle HTML-i oma mallide jaoks, et veenduda, et see töötab nii, nagu ma kirjeldan. Alternatiivselt võite usaldada allolevat ekraanipilti :)

Kokkuvõte

See on kõik, mida ma tahtsin teile täna rääkida Outlooki tabelite tingimuslikust vormindamisest. Ma näitasin teile, kuidas muuta lahtrite sisu värvi ja rõhutada nende tausta. Loodan, et mul õnnestus teid veenda, et malli HTML-i muutmises ei ole midagi erilist ja keerulist ja te teete ise mõned värvieksperimendid ;)

Teadmiseks, tööriista saab installida Microsoft Store'ist arvutisse, Macile või Windowsi tahvelarvutisse ja kasutada seda kõigis seadmetes samaaegselt.

Kui teil on küsimusi või ehk ettepanekuid tabelite vormindamise kohta, siis palun andke mulle kommentaarides teada. Ootan teie vastuseid hea meelega!