Энэ нийтлэлээс та Outlook дээр хүснэгтүүдийг нөхцөлт форматаар хэрхэн форматлах талаар сурах болно. Би танд нүднүүдийн текст болон арын дэвсгэр ны будгийг унадаг жагсаалтаас сонгосон өнгөөр ​​хэрхэн шинэчлэхийг харуулах болно.

Бэлтгэл

Бид "зургийн хичээл"-ээ эхлэхээс өмнө Outlook дээр хүснэгтүүдийг нөхцөлт форматлах талаар сурахаас өмнө Манай Outlook-д зориулсан Shared Email Templates нэртэй програм. Энэхүү хялбар хэрэгслээр та Outlook дээрх захидал харилцаагаа урьд өмнө төсөөлж байсан шигээ хурдан бөгөөд хялбар удирдах болно. Нэмэлт нь танд хэд хэдэн товшилтоор дахин давтагдах хуулахаас зайлсхийж, сайхан харагдах имэйл үүсгэхэд тусална.

Одоо манай үндсэн сэдэв болох Outlook хүснэгтийн нөхцөлт формат руу буцах цаг болжээ. Өөрөөр хэлбэл, би эсүүд, тэдгээрийн хүрээ, агуулгыг хүссэн өнгөөр ​​хэрхэн яаж будахыг харуулах болно. Юуны өмнө Outlook дээр хэрхэн хүснэгт үүсгэхээ санаж байгаарай.

Би унадаг жагсаалтаас сонгосон өнгөт тулгуурлан нүднүүдийг будаж байгаа тул дахин нэг урьдчилсан зохицуулалт хийх шаардлагатай болно. Хэрэв та бөглөх боломжтой имэйлийн загваруудыг хэрхэн үүсгэх тухай миний зааварчилгааг санаж байгаа бол унадаг жагсаалтууд нь өгөгдлийн багцын тусламжтайгаар үүсдэг гэдгийг та мэднэ. Хэрэв та өгөгдлийн багцыг хэрхэн удирдахаа мартсан юм шиг санагдаж байвал энэ сэдвийн талаарх мэдлэгээ шинэчлээрэй.

Одоо би өгөгдлийн багцаа өөрийн оруулах гэж буй өнгөөрөө урьдчилан хадгалах хэрэгтэй байна. ашиглах (би үүнийг дуудсанчамаас хариу сонсохдоо баяртай байна!

Хямдралтай өгөгдлийн багц) болон доош унадаг сонголтын хамт WhatToEnterмакро нэмнэ үү. Ингээд миний датасет энд байна:

Хөнгөлөлт	Өнгөний код
10%	#70AD47
15%	#475496
20%	#FF0000
25%	#2E75B5

Хэрвээ та эдгээр кодыг хаанаас авахаа гайхаж байгаа бол хоосон хүснэгт үүсгээд л очоорой. Properties руу ороод дурын өнгийг сонгоно уу. Та харгалзах талбарт түүний кодыг харах болно, тэндээс шууд хуулж болно.

Би WHAT_TO_ENTER макро үүсгээд дараа нь хэрэг болох тул энэ датасеттай холбоно:

~%WhatToEnter[{өгөгдлийн багц:'Хөнгөлөлттэй өгөгдлийн багц',багана:'Хямдрал', гарчиг: Сонго хөнгөлөлт'}]

Энэ жижиг макро нь хөнгөлөлтийн цэсийг сонгоход надад тусална. Ингэсний дараа миний ширээний шаардлагатай хэсгийг будах болно.

Одоогоор энэ нь хэр ойлгомжгүй байгааг ойлгож байгаа тул танд энэ үл ойлголцлыг үлдээхгүй бөгөөд текстийн өнгийг хэрхэн өөрчлөхийг харуулах болно. эсвэл нүдийг тодруулах. Би үндсэн дээжийг ашиглах болно, ингэснээр та санаагаа олж, энэ процедурыг өөрийн өгөгдлөөр хуулбарлах болно.

Үүнийг эхлүүлцгээе.

Хүснэгт дэх текстийн үсгийн өнгийг өөрчлөх

Хүснэгт дэх зарим текстийг сүүдэрлэж эхэлцгээе. Би зураг зурах туршилтынхаа жишээ хүснэгт бүхий загвар бэлдсэн:

Түүвэр толгой 1 Түүвэр толгой 2 Жишээ гарчиг3 [Хөнгөлөлтийн хувь хэмжээг энд оруулна]

Миний зорилго нь унждаг сонголтоос хамааран текстийг харгалзах өнгөөр ​​будах явдал юм. Өөрөөр хэлбэл, би загвараа буулгахыг хүсч байна, унадаг жагсаалтаас шаардлагатай хөнгөлөлтийн хувь хэмжээг сонгоод, энэ буулгасан текст нь өнгөтэй болно. Ямар өнгөөр? Бэлтгэл хэсгийн өгөгдлийн багц руу гүйлгэвэл хөнгөлөлтийн хувь бүр өөрийн гэсэн өнгөний кодтой болохыг харах болно. Энэ бол ашиглах ёстой өнгө.

Унадаг жагсаалтаас хямдрал нэмэхийг хүсэж байгаа тул энэ нүдэнд WhatToEnter макро оруулах шаардлагатай байна. Та энэ сэдвээр ой санамжаа сэргээх хэрэгтэй юм шиг санагдаж байна уу? Миний өмнөх хичээлүүдийн нэгийг үзээрэй ;)

Тиймээс үр дүнд нь хүснэгт дараах байдлаар харагдах болно:

Жишээ толгой 1	Жишээ гарчиг 2	Жишээ гарчиг 3
~%WhatToEnter[ {өгөгдлийн багц:'Хөнгөлөлттэй өгөгдлийн багц', багана:'Хямдрал', гарчиг:'Сонгох discount'} ] discount

Харна уу, хямдралын хувь хэмжээг унадаг жагсаалт болон “хямдрал” гэсэн үгнээс нэмэх болно. ямар ч байсан байх болно.

Гэхдээ текстийг тохирох өнгөөр ​​будаж байхаар би загварыг хэрхэн тохируулах вэ? Үнэн хэрэгтээ маш амархан, би загварын HTML-г бага зэрэг шинэчлэх хэрэгтэй болно. Онолын хэсгийг дуусгаад шууд дадлага руу шилжье.

Хүснэгтийн нүдэн дэх бүх текстийг өнгөөр ​​​​

Эхлээдунтраалттай, би загварынхаа HTML кодыг нээж сайтар шалгана уу:

Миний загвар HTML дээр хэрхэн харагдахыг эндээс үзнэ үү:

Анхаар. Цаашид би бүх HTML кодыг текст хэлбэрээр нийтлэх бөгөөд ингэснээр та тэдгээрийг өөрийн загварт хуулж, хүссэн хэлбэрээрээ өөрчлөх боломжтой болно.

Дээрх HTML-г маш сайн харцгаая. Эхний мөр нь хүснэгтийн хүрээний шинж чанарууд (загвар, өргөн, өнгө гэх мэт) юм. Дараа нь эхний эгнээ (3 баганад зориулсан хүснэгтийн өгөгдлийн нүдний 3 элемент ) шинж чанаруудтай хамт явна. Дараа нь бид хоёр дахь эгнээний кодыг харна.

Би WHAT_TO_ENTER-ээр хоёр дахь эгнээний эхний элементийг сонирхож байна. Дараах кодыг нэмснээр будах болно:

TEXT_TO_BE_COLORED

Би үүнийг хэсэг болгон хувааж, тус бүрийг нь тодруулна:

• ӨНГӨ параметр нь зургийг зохицуулдаг. Хэрэв та үүнийг "улаан" гэж солих юм бол энэ текст улаан болно. Гэхдээ миний даалгавар бол унадаг жагсаалтаас өнгө сонгох тул би хэсэг хугацаанд бэлтгэлдээ буцаж очоод тэндээс бэлтгэсэн WhatToEnter макрогоо авна: ~%WhatToEnter[{dataset: 'Хөнгөлөлттэй өгөгдлийн багц', багана:'Хямдрал', гарчиг: Хөнгөлөлтийг сонго'}]
• ТЕКСТ_ТО_ӨНГӨТЭЙ нь сүүдэрлэх шаардлагатай текст юм. Миний жишээн дээр " ~%WhatToEnter[{өгөгдлийн багц:'Хөнгөлөлттэй мэдээллийн багц', багана:'Хөнгөлөлт', гарчиг:'Хөнгөлөлтийг сонгох'}] хөнгөлөлт " (энэ хэсгийг шууд хуулахөгөгдлийн эвдрэлээс зайлсхийхийн тулд анхны HTML код).

Энд миний HTML-д оруулах шинэ кодын хэсэг байна:

~%WhatToEnter[{dataset:'Dataset with хөнгөлөлтүүд',багана:'Хямдрал',гарчиг:'Хөнгөлөлтийг сонго'}] хөнгөлөлт

Тайлбар. Эдгээр хоёр макронд "багана" параметр ялгаатай байгааг та анзаарсан байх. Учир нь би өөр өөр баганаас утгыг буцаах хэрэгтэй, өөрөөр хэлбэл багана:'Өнгөний код' нь текстийг будах өнгийг буцаана, харин багана:'Хөнгөлөлт' – хөнгөлөлт. нүдэнд буулгах ханш.

Шинэ асуулт гарч ирнэ – би үүнийг HTML-ийн аль газар байрлуулах ёстой вэ? Ерөнхийдөө энэ текст TEXT_TO_BE_COLORED-г орлуулах ёстой. Миний жишээнд энэ нь хоёр дахь эгнээний (багана) эхний багана ( ) байх болно. Тиймээс, би WTE макро болон "хямдрал" гэсэн үгийг дээрх кодоор сольж, дараах HTML-г авч байна:

Жишээ гарчиг 1

Жишээ гарчиг 2

Жишээ гарчиг 3

~%WhatToEnter[{өгөгдлийн багц:'Хөнгөлөлттэй мэдээллийн багц',багана:'Хямдрал', гарчиг:'Хөнгөлөлтийг сонгох' }] хөнгөлөлт

Өөрчлөлтүүдийг хадгалаад шинэчлэгдсэн загварыг буулгасны дараа, гарч ирэх цонх намайг хөнгөлөлт сонгохыг хүсэх болно. Би 10% сонгоход миний бичвэр шууд ногоон өнгөтэй болно.

Эмийн агуулгын хэсгийг сүүдэрлэх

Эмийн зөвхөн нэг хэсгийг будах логик.агуулга нь үндсэндээ ижил байна – та зөвхөн будагдсан текстийг өмнөх бүлгийн кодоор сольж, текстийн үлдсэн хэсгийг хэвээр үлдээнэ.

Энэ жишээнд хэрэв би зөвхөн хувийг нь будах шаардлагатай бол. ("хямдрал" гэсэн үггүйгээр) би HTML кодыг нээж, будах шаардлагагүй хэсгийг сонгоод (манай тохиолдолд "хямдрал") шошгоноос гаргана:

Дотор Хэрэв та будгийн бэлтгэлээ эхнээс нь хийж байгаа бол ирээдүйн өнгөт текст TEXT_TO_BE_COLORED -ын оронд, үлдсэн хэсэг нь төгсгөлийн дараа үлдэх болно гэдгийг санаарай. Энд миний шинэчилсэн HTML байна:

Жишээ толгой 1

Жишээ толгой 2

Жишээ гарчиг 3

~%WhatToEnter[{өгөгдлийн багц:'Хөнгөлөлттэй мэдээллийн багц',багана:'Хөнгөлөлт', гарчиг:'Хөнгөлөлтийг сонгох'}] хөнгөлөлт

Харж байна уу? Би өөрийн эсийн контентын зөвхөн нэг хэсгийг шошгон дотор байрлуулсан тул буулгах үед зөвхөн энэ хэсэг нь өнгөтэй болно.

Хүснэгтийн нүднүүдэд нөхцөлт форматыг ашиглах

Одоо даалгавраа бага зэрэг өөрчилж, ижил түүвэр хүснэгтийн текстийг биш харин бүх нүднүүдийн дэвсгэрийг тодруулахыг хичээцгээе.

Нэг нүдийг тодруулна уу

Би нэг хүснэгтийг өөрчилснөөр өөрийгөө давтахгүй бөгөөд эх хүснэгтийн HTML кодыг энэ бүлэгт мөн оруулахгүй. Бага зэрэг дээш гүйлгэх эсвэл эхний жишээ рүү шууд үсрээрэйЭнэ заавар нь будаагүй хүснэгтийн өөрчлөгдөөгүй кодыг харах болно.

Хэрэв би нүдний арын дэвсгэрийг хөнгөлөлттэй сүүдэрлэхийг хүсвэл HTML-г мөн бага зэрэг өөрчлөх шаардлагатай болно. текст будах. Гол ялгаа нь өнгө нь текстэд биш харин бүхэл нүдэнд байх ёстой.

Тодруулж буй нүд HTML форматын хувьд иймэрхүү харагдана:

~%WhatToEnter [{өгөгдлийн багц:'Хөнгөлөлттэй өгөгдлийн багц',багана:'Хөнгөлөлт', гарчиг:'Хөнгөлөлтийг сонгох'}] хөнгөлөлт

Би нүдийг тодруулахыг хүсэж байгаа тул өөрчлөлтийг нүдний шинж чанарт биш харин текст бичих. Би дээрх мөрийг хэсэг хэсгээр нь задалж, тус бүрийг нь тодруулж, өөрчлөх шаардлагатай хэсгүүдийг зааж өгнө:

• “style=” гэдэг нь мөрийн нүд нь дараах загварын шинж чанарууд. Энд бид анхны завсарлагаа авдаг. Би захиалгат дэвсгэр өнгө тохируулах гэж байгаа тул би загвар -г өгөгдлийн багцын хэв маяг болгож өөрчилсөн.
• "өргөн: 32.2925%; хүрээ: 1px хатуу хар;" - эдгээр нь миний дээр дурдсан үндсэн загварын шинж чанарууд юм. Сонгосон нүдний арын дэвсгэрийг өөрчлөхийн тулд би өөр нэгийг нэмэх хэрэгтэй: арын өнгө . Миний зорилго бол унадаг жагсаалтаас хэрэглэх өнгийг сонгох явдал учраас би бэлтгэлдээ буцаж очоод бэлэн WhatToEnter-ийг тэндээс авна.

Зөвлөгөө. Хэрэв та нүдийг нэг өнгөөр ​​будахыг хүсч байгаа бөгөөд унждаг жагсаалт нь танд төвөг учруулахыг хүсэхгүй байгаа бол,зүгээр л макро өнгөний нэрээр солино уу (жишээлбэл, цэнхэр). Энэ нь иймэрхүү харагдах болно: ~%WhatToEnter[{өгөгдлийн багц:'Хөнгөлөлттэй өгөгдлийн багц', багана:'Хөнгөлөлт', гарчиг:'Хөнгөлөлтийг сонгох'}] хөнгөлөлт

• “ ~%WhatToEnter[] хөнгөлөлт ” нь нүдний контент юм.

Тиймээс шинэчлэгдсэн HTML харагдах байдал энд байна:

~ %WhatToEnter[{өгөгдлийн багц:'Хөнгөлөлттэй өгөгдлийн багц',багана:'Хямдрал', гарчиг:'Хөнгөлөлтийг сонгох'}] хөнгөлөлт

Хүснэгтийн бусад хэсэг хэвээр байна. Эндээс гарч ирсэн HTML нь нүдийг хувь хэмжээгээр онцлон харуулах болно:

Жишээ толгой 1

Жишээ гарчиг 2

Жишээ гарчиг 3

~%WhatToEnter[{өгөгдлийн багц:'Хөнгөлөлттэй өгөгдлийн багц',багана:'Хямдрал', гарчиг:'Хөнгөлөлтийг сонгох'}] хөнгөлөлт

Би энэ өөрчлөлтийг хадгалж, шинэчлэгдсэн хүснэгтийг имэйлд буулгах үед унадаг жагсаалт гарч ирнэ. хөнгөлөлттэй бөгөөд эхний нүдийг төлөвлөсний дагуу тодруулна.

Мөрийг бүхэлд нь өнгөөр ​​​​

Нэг нүд хангалтгүй үед би бүхэл бүтэн мөрийг буддаг :) Та дээрх хэсгийн бүх нүднүүдэд дээрх алхмуудыг хийх хэрэгтэй гэж бодож магадгүй юм. нэг мөр. Би таны урмыг хугалахаар яарах болно, процедур нь бага зэрэг өөр байх болно.

Дээрх зааварт би энэ нүдний HTML хэсгийг өөрчлөх замаар нүдний дэвсгэрийг хэрхэн шинэчлэхийг харуулсан. Одооноос хойш би бүхэлд нь дахин будах гэж байнамөрийг сонговол би HTML мөрийг нь авч, өөрчлөлтүүдийг шууд түүн дээр хийх хэрэгтэй болно.

Одоо энэ нь сонголтгүй бөгөөд шиг харагдаж байна. Надад хэрэгтэй болно data-set-style= нэмээд WHAT_TO_ENTER-ээ тэнд буулгана уу. Үүний үр дүнд мөр дараах байдалтай харагдана:

Тиймээс, будах нүдтэй хүснэгтийн HTML бүхэлдээ дараах байдалтай байна:

Жишээ гарчиг 1

Жишээ гарчиг 2

Жишээ гарчиг 3

~%WhatToEnter[{dataset :'Хөнгөлөлттэй мэдээллийн багц',багана:'Хямдрал', гарчиг:'Хөнгөлөлтийг сонго'}] хөнгөлөлт

Энэ HTML-г өөрийнхөө загварт зориулан хуулж, миний тайлбарласан байдлаар ажиллаж байгаа эсэхийг шалгаарай. Эсвэл доорх дэлгэцийн агшинд итгээрэй :)

Дүгнэлт

Өнөөдөр би танд Outlook хүснэгтийн нөхцөлт форматын талаар хэлэхийг хүссэн юм. Би танд эсийн агуулгын өнгийг хэрхэн өөрчилж, дэвсгэрийг нь тодруулахыг харуулсан. Загварын HTML-г өөрчлөхөд онцгой бөгөөд хэцүү зүйл байхгүй гэдгийг би танд ойлгуулж чадсан гэж найдаж байна, та өөрөө хэд хэдэн зураг зурах туршилт хийх болно;)

Мэдээж, уг хэрэгслийг өөрийн компьютер дээрээ Microsoft Store-оос суулгаж болно. Компьютер, Mac эсвэл Windows таблет болон таны бүх төхөөрөмж дээр нэгэн зэрэг ашиглагдана.

Хэрэв танд хүснэгтийг форматлах талаар асуух зүйл эсвэл санал байвал сэтгэгдэл хэсэгт мэдэгдэнэ үү. Би байх болно