Turinys
Šiame straipsnyje sužinosite, kaip sąlyginai formatuoti lenteles "Outlook". Parodysiu, kaip atnaujinti ląstelių teksto dažus. ir fonas spalvą, kurią pasirinkote iš išskleidžiamajame sąraše.
Paruošimas
Prieš pradėdami "piešimo pamoką" ir sužinodami, kaip sąlyginai formatuoti lenteles "Outlook", norėčiau šiek tiek pristatyti mūsų "Outlook" programą, pavadintą "Bendrieji el. pašto šablonai". Naudodami šį patogų įrankį savo korespondenciją "Outlook" valdysite taip greitai ir lengvai, kaip anksčiau galėjote tik įsivaizduoti. Priedas padės jums išvengti pasikartojančių kopijų ir šablonų ir sukurti gražiai atrodančius el. laiškus.kelių paspaudimų klausimas.
Dabar pats laikas grįžti prie pagrindinės temos - sąlyginio formatavimo "Outlook" lentelėse. Kitaip tariant, parodysiu, kaip nuspalvinti langelius, jų ribas ir turinį norima spalva. Pirmiausia įsitikinkite, kad prisimenate, kaip kurti lenteles "Outlook".
Kadangi spalvinsiu langelius pagal toną, kurį pasirinksiu iš išskleidžiamojo sąrašo, turėsiu iš anksto atlikti dar vieną veiksmą. Jei prisimenate mano pamoką, kaip sukurti užpildomus el. pašto šablonus, žinote, kad išskleidžiamieji sąrašai kuriami naudojant duomenų rinkinius. Jei jaučiate, kad pamiršote, kaip tvarkyti duomenų rinkinius, skirkite akimirką atnaujinti žinias šia tema ir eikime toliau.
Dabar turiu iš anksto išsaugoti duomenų rinkinį su spalvomis, kurias ketinu naudoti (pavadinau jį Duomenų rinkinys su nuolaidomis ) ir pridėkite Ką įvesti makrokomandą su išskleidžiamąja parinktimi. Štai mano duomenų rinkinys:
Nuolaida | Spalvų kodas |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
Jei įdomu, kur gauti šiuos kodus, tiesiog sukurkite tuščią lentelę, eikite į jos Savybės ir pasirinkite bet kurią spalvą. Atitinkamame lauke pamatysite jos kodą, nedvejodami nukopijuokite jį tiesiai iš ten.
Sukuriu makrokomandą WHAT_TO_ENTER ir prijungiu ją prie šio duomenų rinkinio, nes jos prireiks vėliau:
~%WhatToEnter[{dataset:'Duomenų rinkinys su nuolaidomis',stulpelis:'Nuolaida',pavadinimas: Pasirinkite nuolaidą'}]Šis nedidelis makrokomandas padės man gauti nuolaidų išskleidžiamąjį langą, iš kurio galėsiu rinktis. Kai tai padarysiu, bus nudažyta reikiama mano lentelės dalis.
Suprantu, kaip neaiškiai kol kas tai gali atrodyti, todėl nepaliksiu jūsų su šiuo nesusipratimu ir pradėsiu rodyti, kaip pakeisti teksto spalvą arba paryškinti ląstelę. Naudosiu pagrindinius pavyzdžius, kad galėtumėte suprasti idėją ir atgaminti šią procedūrą su savo duomenimis.
Pradėkime.
Lentelės teksto šrifto spalvos keitimas
Pradėkime nuo tam tikro teksto lentelėje šešėliavimo. Parengiau šabloną su pavyzdine lentele mūsų dažymo eksperimentams:
Mano tikslas - nudažyti tekstą atitinkama spalva, priklausomai nuo išskleidžiamojo sąrašo pasirinkimo. Kitaip tariant, noriu įklijuoti šabloną, iš išskleidžiamajame sąraše pasirinkti reikiamą nuolaidos normą ir šis įklijuotas tekstas bus nuspalvintas. Kokia spalva? Pereikite prie duomenų rinkinio parengiamojoje dalyje, pamatysite, kad kiekviena nuolaidos norma turi savo spalvos kodą. Tai yra norima spalva, kuri turėtų būtinaudojamas.
Kadangi noriu, kad nuolaida būtų pridėta iš išskleidžiamojo sąrašo, į šią ląstelę turiu įklijuoti makrokomandą WhatToEnter. Jaučiate, kad jums reikia atnaujinti atmintį šia tema? Skirkite akimirką ir peržiūrėkite vieną iš mano ankstesnių pamokų ;)
Taigi gauta lentelė atrodys taip:
1 pavyzdžio antraštė | 2 pavyzdžio antraštė | 3 pavyzdžio antraštė |
~%WhatToEnter[ {dataset:'Duomenų rinkinys su nuolaidomis', stulpelis:'Nuolaida', pavadinimas:'Pasirinkti nuolaidą'} ] nuolaida |
Žiūrėkite, nuolaidos norma bus pridėta iš išskleidžiamojo sąrašo, o žodis "nuolaida" vis tiek bus įrašytas.
Tačiau kaip nustatyti šabloną, kad tekstas būtų nuspalvintas atitinkama spalva? Iš tikrųjų tai gana paprasta, tik reikės šiek tiek atnaujinti šablono HTML. Baigsime teorinę dalį ir pereisime prie praktinės.
Nuspalvinkite visą lentelės ląstelės tekstą
Pirmiausia atveriu savo šablono HTML kodą ir atidžiai jį patikrinu:
Štai kaip mano šablonas atrodo HTML formatu:
Pastaba. Toliau aš paskelbsiu visus HTML kodus kaip tekstą, kad galėtumėte juos nukopijuoti į savo šablonus ir pakeisti taip, kaip norite.
Pažvelkime itin atidžiai į pirmiau pateiktą HTML. Pirmoji eilutė yra lentelės apvado savybės (stilius, plotis, spalva ir t. t.). Toliau eina pirmoji eilutė
Mane domina antrosios eilutės pirmasis elementas su mano WHAT_TO_ENTER. Spalvinimas bus atliktas pridedant šią kodo dalį:
TEXT_TO_BE_COLOREDSuskaidysiu jį į dalis ir paaiškinsiu kiekvieną iš jų:
- Svetainė SPALVA parametras tvarko spalvą. Jei jį pakeisite, tarkime, "raudona", šis tekstas taps raudonas. Tačiau, kadangi mano užduotis yra pasirinkti spalvą iš išskleidžiamojo sąrašo, sekundę grįšiu prie pasiruošimo ir paimsiu savo paruoštą Ką įvesti makro iš ten: ~%WhatToEnter[{dataset:'Duomenų rinkinys su nuolaidomis',column:'Discount',title: Pasirinkite nuolaidą'}]]
- TEXT_TO_BE_COLORED yra tekstas, kurį reikia atspalvinti. Mano konkrečiame pavyzdyje tai būtų " ~%WhatToEnter[{dataset:'Duomenų rinkinys su nuolaidomis',stulpelis:'Nuolaida',pavadinimas:'Pasirinkti nuolaidą'}] discount " (nukopijuokite šią dalį iš originalaus HTML kodo, kad išvengtumėte duomenų sugadinimo).
Čia pateikiamas naujas kodas, kurį įterpsiu į savo HTML:
Pastaba. Galbūt pastebėjote, kad šiuose dviejuose makrokomandose skiriasi parametras "column". Taip yra todėl, kad man reikia grąžinti skirtingų stulpelių reikšmes, t. y. stulpelis:'Spalvos kodas' grąžins spalvą, kuria bus nudažytas tekstas, o stulpelis:'Discount' - diskonto normą, kad būtų galima įterpti į langelį.
Iškyla naujas klausimas - kurioje HTML vietoje turėčiau jį pateikti? Kalbant bendrai, šis tekstas turėtų pakeisti TEXT_TO_BE_COLORED. Mano pavyzdyje tai būtų pirmasis stulpelis (
Išsaugojus pakeitimus ir įkėlus šį atnaujintą šabloną, iššokančiame lange bus paprašyta pasirinkti nuolaidą. Pasirinkau 10 % ir mano tekstas iš karto nusidažo žalia spalva.
Užtamsinkite dalį ląstelės turinio
Tik dalies langelio turinio nuspalvinimo logika iš esmės tokia pati - ankstesniame skyriuje nurodytu kodu pakeičiate tik spalvotiną tekstą, o likusį tekstą paliekate tokį patį.
Jei šiame pavyzdyje reikia nuspalvinti tik procentinę dalį (be žodžio "nuolaida"), atidarysiu HTML kodą, pasirinksiu dalį, kurios nereikia nuspalvinti (mūsų atveju - "nuolaida"), ir perkelsiu ją iš žymės:
Jei ruošiatės spalvinti nuo pat pradžių, nepamirškite, kad būsimas spalvotas tekstas eina vietoj TEXT_TO_BE_COLORED likusi dalis lieka po pabaigos. Čia yra mano atnaujintas HTML:
Matote? Į žymas patalpinau tik dalį ląstelės turinio, todėl įklijuojant bus nuspalvinta tik ši dalis.
Lentelės ląstelėms taikyti sąlyginį formatavimą
Dabar šiek tiek pakeiskime užduotį ir pabandykime toje pačioje pavyzdinėje lentelėje paryškinti ne tekstą, o visą langelių foną.
Pažymėkite vieną ląstelę
Kadangi keičiu tą pačią lentelę, nesikartosiu ir šiame skyriuje įkelsiu ir originalios lentelės HTML kodą. Norėdami pamatyti nepakeistą nespalvotos lentelės kodą, slinkite šiek tiek aukštyn arba pereikite tiesiai prie pirmojo šios pamokos pavyzdžio.
Jei noriu nuspalvinti ląstelės foną su nuolaida, taip pat turėsiu šiek tiek pakeisti HTML, tačiau pakeitimas skirsis nuo teksto spalvinimo. Pagrindinis skirtumas tas, kad spalvą reikia taikyti ne tekstui, o visai ląstelei.
HTML formatu pažymėtas langelis atrodo taip:
Kadangi noriu paryškinti ląstelę, pakeitimai turėtų būti taikomi ląstelės atributui, o ne tekstui. Suskaidysiu aukščiau pateiktą eilutę dalimis, paaiškinsiu kiekvieną iš jų ir nurodysiu dalis, kurias reikia pakeisti:
- "style=" reiškia, kad eilutės ląstelė turi šias stiliaus savybes. Šioje vietoje darome pirmąją pertrauką. Kadangi turiu nustatyti pasirinktinę fono spalvą, pakeičiu stilius į duomenų rinkinio stiliaus .
- "width: 32.2925%; border: 1px solid black;" - tai yra numatytojo stiliaus savybės, kurias turėjau omenyje pirmiau. Turiu pridėti dar vieną, kad pritaikyčiau pasirinktos ląstelės foną: fono spalva . Kadangi mano tikslas yra pasirinkti spalvą, kurią reikia naudoti iš išskleidžiamojo sąrašo, grįžtu prie savo pasiruošimo ir iš ten paimu paruoštą WhatToEnter.
Patarimas. Jei norite, kad ląstelė būtų nudažyta viena spalva, ir nenorite, kad išskleidžiamojo sąrašo langelis kiekvieną kartą jus vargintų, tiesiog pakeiskite makrokomandą spalvos pavadinimu ("mėlyna", pvz.). Ji atrodys taip: ~%WhatToEnter[{dataset:'Duomenų rinkinys su nuolaidomis',stulpelis:'Nuolaida',pavadinimas:'Pasirinkti nuolaidą'}] discount
- " ~%%WhatToEnter[] nuolaida " yra ląstelės turinys.
Taigi, čia yra atnaujintas HTML atrodo:
Likusi lentelės dalis lieka tokia, kokia yra. Čia pateikiamas HTML tekstas, kuris išryškins ląstelę su procentine norma:
Išsaugojus šį pakeitimą ir įkėlus atnaujintą lentelę į el. laišką, gausiu išskleidžiamąjį sąrašą su nuolaidomis, o pirmoji ląstelė bus paryškinta, kaip planuota.
Nuspalvinkite visą eilutę
Kai neužtenka vieno langelio, nudažau visą eilutę :) Galbūt manote, kad visiems eilutės langeliams reikės taikyti aukščiau pateikto skyriaus veiksmus. Skubu jus nuvilti, procedūra šiek tiek skirsis.
Pirmiau pateiktose instrukcijose parodžiau, kaip atnaujinti ląstelės foną keičiant šios ląstelės HTML elementą. Kadangi dabar ketinu perdažyti visą eilutę, turėsiu paimti jos HTML eilutę ir pritaikyti pakeitimus tiesiai jai.
Dabar jis yra be parinkčių ir atrodo taip . Turėsiu pridėti data-set-style= ir įklijuokite mano WHAT_TO_ENTER. Rezultate eilutė atrodys taip, kaip toliau:
Taigi, visa lentelės su dažomu langeliu HTML atrodys taip:
Drąsiai kopijuokite šį HTML savo šablonams, kad įsitikintumėte, jog jis veikia taip, kaip aprašiau. Arba pasitikėkite toliau pateikta ekrano nuotrauka :)
Apibendrinimas
Tai viskas, ką šiandien norėjau papasakoti apie sąlyginį formatavimą "Outlook" lentelėse. Parodžiau, kaip pakeisti langelių turinio spalvą ir paryškinti jų foną. Tikiuosi, kad man pavyko jus įtikinti, kad nėra nieko ypatingo ir sudėtingo keičiant šablono HTML ir jūs atliksite keletą savo dažymo eksperimentų ;)
Įrankį iš "Microsoft Store" galima įdiegti į kompiuterį, "Mac" kompiuterį arba "Windows" planšetinį kompiuterį ir naudoti visuose įrenginiuose vienu metu.
Jei turite kokių nors klausimų ar, galbūt, pasiūlymų dėl lentelių formatavimo, praneškite man komentaruose. Džiaugsiuosi, jei atsakysite!