V tem članku se boste naučili, kako pogojno oblikovati tabele v programu Outlook. Pokazal vam bom, kako posodobiti barvo besedila celic. in ozadje z barvo, ki jo izberete s spustnega seznama.

Priprava

Preden začnemo našo "risalno lekcijo" in se naučimo, kako pogojno oblikovati tabele v programu Outlook, bi rad malo predstavil našo aplikacijo za Outlook z imenom Skupne e-poštne predloge. S tem priročnim orodjem boste svojo korespondenco v programu Outlook upravljali tako hitro in preprosto, kot ste si prej lahko le predstavljali. Dodatek vam bo pomagal izogniti se ponavljajočim se kopijam in ustvariti lepo izgledajoča e-poštna sporočila vle nekaj klikov.

Zdaj je skrajni čas, da se vrnemo k naši glavni temi - pogojno oblikovanje v Outlookovih tabelah. Z drugimi besedami, pokazal vam bom, kako obarvati celice, njihove meje in vsebino v želeni barvi. Najprej se prepričajte, da ste se spomnili, kako ustvariti tabele v programu Outlook.

Ker bom celice obarval glede na ton, ki ga bom izbral s spustnega seznama, bom moral opraviti še en predhodni dogovor. Če se spomnite mojega vodnika o ustvarjanju predlog za elektronsko pošto, ki jih je mogoče izpolniti, veste, da so spustni seznami ustvarjeni s pomočjo podatkovnih nizov. Če se vam zdi, da ste pozabili, kako upravljati podatkovne nize, si vzemite trenutek in posodobite svoje znanje o tej temi in pojdimo naprej.

Zdaj moram predhodno shraniti podatkovno zbirko z barvami, ki jih bom uporabil (poimenoval sem jo Nabor podatkov s popusti ) in dodajte WhatToEnter makro z izbirnim seznamom. Tukaj je moj nabor podatkov:

Če vas zanima, kje lahko dobite te kode, ustvarite prazno tabelo, odprite Lastnosti in izberite katero koli barvo. V ustreznem polju boste videli njeno kodo, ki jo lahko kopirate od tam.

Ustvarim makro WHAT_TO_ENTER in ga povežem s tem naborom podatkov, saj ga bom potreboval pozneje:

Ta majhen makro mi bo pomagal pridobiti spustno okno s popusti, med katerimi bom lahko izbiral. Ko bom to storil, bo potreben del moje tabele pobarvan.

Razumem, kako nejasno je morda za zdaj videti, zato vas ne bom pustil s tem nesporazumom in bom začel prikazovati, kako spremeniti barvo besedila ali označiti celico. Uporabil bom osnovne vzorce, da boste lahko dobili idejo in ponovili ta postopek z lastnimi podatki.

Začnimo.

Spreminjanje barve pisave besedila v tabeli

Začnimo s senčenjem nekaterih besedil v tabeli. Za naše poskuse slikanja sem pripravil predlogo z vzorčno tabelo:

Moj cilj je obarvati besedilo v ustrezno barvo glede na izbiro v spustnem seznamu. Z drugimi besedami, želim prilepiti predlogo, s spustnega seznama izbrati potrebno stopnjo popusta in to prilepljeno besedilo bo obarvano. V kakšni barvi? Pomaknite se do nabora podatkov v pripravljalnem delu in videli boste, da ima vsaka stopnja popusta svojo barvno kodo. To je želena barva, ki naj bi bilauporabljen.

Ker želim, da se popust doda s spustnega seznama, moram v to celico prilepiti makro WhatToEnter. Se vam zdi, da morate osvežiti spomin na to temo? Vzemite si trenutek in si oglejte eno od mojih prejšnjih vadnic ;)

Tako bo nastala tabela videti takole:

Stopnja popusta bo dodana s spustnega seznama, beseda "popust" pa bo v vsakem primeru tam.

Toda kako lahko nastavim predlogo, da se besedilo obarva z ustrezno barvo? Pravzaprav je to zelo preprosto, le malo bom moral posodobiti HTML predloge. Zaključimo teoretični del in se lotimo prakse.

Obarvajte vse besedilo v celici tabele

Najprej odprem kodo HTML svoje predloge in jo skrbno preverim:

Tukaj je prikazan videz moje predloge v jeziku HTML:

Opomba: V nadaljevanju bom vse kode HTML objavil kot besedilo, tako da jih boste lahko kopirali v svoje predloge in spremenili, kot želite.

Oglejmo si zgornji HTML od blizu. Prva vrstica je lastnost meje tabele (slog, širina, barva itd.). Nato sledi prva vrstica (3 elementi podatkovnih celic tabele za 3 stolpce) z njihovimi atributi. Nato vidimo kodo druge vrstice.

Zanima me prvi element druge vrstice z mojim WHAT_TO_ENTER. Barvanje bo izvedeno z dodajanjem naslednjega dela kode:

Razdelil ga bom na dele in pojasnil vsakega od njih:

• Spletna stran BARVA Če ga zamenjate z, recimo, "red", bo to besedilo postalo rdeče. Ker pa je moja naloga izbrati barvo s spustnega seznama, se bom za trenutek vrnil k pripravi in vzel svoj pripravljen WhatToEnter makro od tam: ~%WhatToEnter[{dataset:'Dataset s popusti',column:'Discount',title: Izberite popust'}]]
• TEXT_TO_BE_COLORED je besedilo, ki ga je treba zasenčiti. V mojem konkretnem primeru je to " ~%WhatToEnter[{dataset:'Zbirka podatkov s popusti',stolpec:'Popust',naslov:'Izberite popust'}] popust " (ta del kopirajte iz izvirne kode HTML, da se izognete poškodovanju podatkov).

Tukaj je nova koda, ki jo bom vstavil v svoj HTML:

Opomba: Morda ste opazili, da se parameter "stolpec" v teh dveh makrih razlikuje. To je zato, ker moram vrniti vrednost iz različnih stolpcev, tj. stolpec:'Barvna koda' vrne barvo, ki bo obarvala besedilo, medtem ko stolpec:'Discount' - diskontno stopnjo za vstavljanje v celico.

Postavlja se novo vprašanje - na katero mesto v HTML naj ga namestim? Na splošno bi moralo to besedilo nadomestiti TEXT_TO_BE_COLORED. V mojem vzorcu je to prvi stolpec ( ) v drugi vrstici (stolpcu). Makro WTE in besedo "popust" zamenjam z zgornjo kodo in dobim naslednji HTML:

Vzorec glave 1

Vzorec glave 2

Vzorec glave 3

~%WhatToEnter[{dataset:'Zbirka podatkov s popusti',stolpec:'Popust',naslov:'Izberite popust'}] popust

Ko shranim spremembe in prilepim posodobljeno predlogo, me pojavno okno pozove, naj izberem popust. Izberem 10 % in besedilo se takoj obarva zeleno.

Osenčite del vsebine celice

Logika za obarvanje le dela vsebine celice je v osnovi enaka - s kodo iz prejšnjega poglavja nadomestite le besedilo, ki naj bi bilo obarvano, preostalo besedilo pa ostane nespremenjeno.

Če želim v tem primeru obarvati samo odstotek (brez besede "popust"), bom odprl kodo HTML, izbral del, ki ga ni treba obarvati ("popust" v našem primeru), in ga premaknil iz oznake:

Če se pripravljate na barvanje od samega začetka, imejte v mislih, da se besedilo, ki bo v prihodnosti obarvano, nahaja na mestu TEXT_TO_BE_COLORED ostalo ostane po koncu. Tukaj je moj prenovljeni HTML:

Vzorec glave 1

Vzorec glave 2

Vzorec glave 3

~%WhatToEnter[{dataset:'Zbirka podatkov s popusti',stolpec:'Popust',naslov:'Izberite popust'}] popust

Vidite? V oznake sem umestil le del vsebine celice, zato bo pri lepljenju obarvan le ta del.

Uporaba pogojnega oblikovanja za celice tabele

Zdaj pa nekoliko spremenimo nalogo in v isti vzorčni preglednici poskušajmo označiti ne besedilo, temveč celotno ozadje celic.

Označite eno celico

Ker spreminjam isto tabelo, se ne bom ponavljal in bom kodo HTML izvirne tabele prilepil tudi v to poglavje. Če želite videti nespremenjeno kodo nepobarvane tabele, se pomaknite malo navzgor ali skočite na prvi primer tega učbenika.

Če želim s popustom osenčiti ozadje celice, bom moral prav tako nekoliko spremeniti HTML, vendar se bo sprememba razlikovala od barvanja besedila. Glavna razlika je v tem, da se barva ne sme uporabiti za besedilo, temveč za celotno celico.

Celica, ki naj bi bila označena, je v formatu HTML videti takole:

Ker želim označiti celico, je treba spremembe uporabiti za atribut celice in ne za besedilo. Zgornjo vrstico bom razdelil na dele, vsakega od njih pojasnil in opozoril na dele, ki jih je treba spremeniti:

• "style=" pomeni, da ima celica vrstice naslednje slogovne lastnosti. Tu naredimo prvi premor. Ker želim nastaviti barvo ozadja po meri, spremenim slog na . slog podatkovne množice .
• "širina: 32,2925 %; meja: 1px solidna črna;" - to so privzete lastnosti sloga, ki sem jih mislil zgoraj. Dodati moram še eno, da prilagodim ozadje izbrane celice: barva ozadja . Ker je moj cilj izbrati barvo, ki jo bom uporabil, s spustnega seznama, se vrnem k svoji pripravi in od tam vzamem pripravljeno WhatToEnter.

Nasvet. Če želite, da je celica obarvana v eno barvo, in ne želite, da vas spustni seznam vsakič moti, preprosto zamenjajte makro z imenom barve ("modra", na primer). Izgledalo bo tako: ~%WhatToEnter[{dataset:'Zbirka podatkov s popusti',stolpec:'Popust',naslov:'Izberite popust'}] popust

• " ~%%WhatToEnter[] popust " je vsebina celice.

Torej, tukaj je posodobljen HTML izgleda:

Preostali del tabele ostane nespremenjen. Tukaj je rezultat HTML, ki bo označil celico z odstotno stopnjo:

Vzorec glave 1

Vzorec glave 2

Vzorec glave 3

~%WhatToEnter[{dataset:'Zbirka podatkov s popusti',stolpec:'Popust',naslov:'Izberite popust'}] popust

Ko shranim to spremembo in prilepim posodobljeno tabelo v e-poštno sporočilo, dobim spustni seznam s popusti in prva celica bo označena, kot je bilo načrtovano.

Barva celotne vrstice

Kadar ena celica ni dovolj, pobarvam celotno vrstico :) Morda mislite, da boste morali korake iz zgornjega poglavja uporabiti za vse celice v vrstici. Hitro vas bom razočaral, postopek se bo nekoliko razlikoval.

V zgornjih navodilih sem vam pokazal, kako posodobiti ozadje celice s spreminjanjem dela HTML te celice. Ker bom zdaj prebarval celotno vrstico, bom moral vzeti njeno vrstico HTML in uporabiti spremembe neposredno v njej.

Zdaj je brez možnosti in je videti kot . Dodati bom moral slog zbirke podatkov= in vanj prilepite moj WHAT_TO_ENTER. V rezultatu bo vrstica videti kot spodaj:

Tako bo celoten HTML tabele z obarvano celico videti takole:

Vzorec glave 1

Vzorec glave 2

Vzorec glave 3

~%WhatToEnter[{dataset:'Zbirka podatkov s popusti',stolpec:'Popust',naslov:'Izberite popust'}] popust

Ta HTML lahko kopirate za svoje predloge in se prepričate, da deluje tako, kot sem opisal. Lahko pa zaupate spodnji sliki zaslona :)

Povzetek

To je vse, kar sem vam danes želel povedati o pogojnem oblikovanju v Outlookovih tabelah. Pokazal sem vam, kako spremeniti barvo vsebine celic in poudariti njihovo ozadje. Upam, da sem vas uspel prepričati, da spreminjanje HTML predloge ni nič posebnega in težkega, in da boste sami izvedli nekaj slikarskih poskusov ;)

Orodje lahko iz trgovine Microsoft Store namestite v računalnik PC, računalnik Mac ali tablični računalnik Windows in ga uporabljate v vseh napravah hkrati.

Če imate kakršna koli vprašanja ali morda predloge glede oblikovanja tabel, mi to sporočite v komentarjih. Z veseljem vam bom odgovoril!