Այս հոդվածում դուք կսովորեք, թե ինչպես պայմանականորեն ձևավորել աղյուսակները Outlook-ում: Ես ձեզ ցույց կտամ, թե ինչպես թարմացնել բջիջների տեքստի ներկը և ֆոնը բացվող ցանկից ընտրված գույնով:

Նախապատրաստում

Նախքան մեր «նկարչության դասը» սկսելը և սովորելը, թե ինչպես պայմանականորեն ձևավորել աղյուսակները Outlook-ում, ես կցանկանայի մի փոքրիկ ներածություն անել. Outlook-ի մեր հավելվածը, որը կոչվում է Համօգտագործվող էլփոստի կաղապարներ: Այս հարմար գործիքի միջոցով դուք կկառավարեք ձեր նամակագրությունը Outlook-ում այնքան արագ և հեշտությամբ, որքան նախկինում կարող էիք պատկերացնել: Հավելվածը կօգնի ձեզ խուսափել կրկնվող պատճենահանումից և ստեղծել գեղեցիկ էլ. նամակներ մի քանի կտտոցով:

Այժմ ժամանակն է վերադառնալ մեր հիմնական թեմային՝ Outlook աղյուսակների պայմանական ձևաչափմանը: Այլ կերպ ասած, ես ձեզ ցույց կտամ, թե ինչպես գունավորել բջիջները, դրանց սահմանները և բովանդակությունը ցանկալի գույնով: Նախ, համոզվեք, որ հիշում եք, թե ինչպես կարելի է աղյուսակներ ստեղծել Outlook-ում:

Քանի որ ես գունավորելու եմ բջիջները բացվող ցանկից ընտրած տոնի հիման վրա, ես պետք է ևս մեկ նախնական դասավորություն կատարեմ: Եթե ​​հիշում եք իմ ձեռնարկը, թե ինչպես ստեղծել լրացվող էլփոստի կաղապարներ, դուք գիտեք, որ բացվող ցուցակները ստեղծվում են տվյալների հավաքածուների օգնությամբ: Մի պահ տրամադրեք այս թեմայի վերաբերյալ ձեր գիտելիքները թարմացնելու համար, եթե կարծում եք, որ մոռացել եք, թե ինչպես կառավարել տվյալների հավաքածուները, և եկեք առաջ գնանք:

Այժմ ես պետք է նախօրոք պահպանեմ տվյալների հավաքածուն այն գույներով, որոնք ես պատրաստվում եմ օգտագործել: օգտագործել (ես կոչեցիուրախ եմ լսել ձեզանից:

Զեղչերով տվյալների հավաքածու) և բացվող ընտրությամբ ավելացրեք WhatToEnterմակրո: Այսպիսով, ահա իմ տվյալների շտեմարանը.

Զեղչ	Գույնի կոդը
10%	#70AD47
15%	#475496
20%	#FF0000
25%	#2E75B5

Եթե մտածում եք, թե որտեղից կարելի է ստանալ այդ կոդերը, պարզապես ստեղծեք դատարկ աղյուսակ, գնացեք դեպի իր Հատկություններ և ընտրեք ցանկացած գույն: Դուք կտեսնեք դրա կոդը համապատասխան դաշտում, համարձակորեն պատճենեք այն հենց այնտեղից:

Ես ստեղծում եմ WHAT_TO_ENTER մակրո և միացնում եմ այն ​​այս տվյալների շտեմարանին, քանի որ այն ինձ հետագայում պետք կգա.

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',վերնագիր. Ընտրել discount'}]

Այս փոքրիկ մակրոն կօգնի ինձ ընտրել զեղչի բացվող ցանկը: Երբ ես դա անեմ, իմ սեղանի անհրաժեշտ մասը կնկարվի:

Ես հասկանում եմ, թե որքան անհասկանալի կարող է թվալ հիմա, այնպես որ ես ձեզ չեմ թողնի այս թյուրիմացության մեջ և չսկսեմ ցույց տալ, թե ինչպես փոխել տեքստի գույնը: կամ ընդգծել բջիջը: Ես կօգտագործեմ հիմնական նմուշները, որպեսզի կարողանաք ստանալ գաղափարը և վերարտադրել այս ընթացակարգը ձեր սեփական տվյալներով:

Եկեք սկսենք այն:

Փոխեք տեքստի տառատեսակի գույնը աղյուսակում

Եկեք սկսենք աղյուսակում որոշ տեքստի ստվերից: Ես պատրաստել եմ ձևանմուշ աղյուսակով մեր նկարչական փորձերի համար.

Նմուշի վերնագիր 1 Նմուշի վերնագիր 2 Նմուշի վերնագիր3 [Զեղչի դրույքաչափը պետք է մուտքագրել այստեղ]

Իմ Նպատակը տեքստը համապատասխան գույնով ներկելն է՝ կախված բացվող ընտրանքից: Այսինքն՝ ես ուզում եմ կաղապար տեղադրել, բացվող ցուցակից ընտրել զեղչի անհրաժեշտ տոկոսադրույքը և այս կպցրած տեքստը գունավորվի։ Ի՞նչ գույնով: Ոլորեք մինչև նախապատրաստական ​​մասի տվյալների հավաքածուն, կտեսնեք, որ յուրաքանչյուր զեղչի դրույքաչափ ունի իր գունային ծածկագիրը: Սա ցանկալի գույնն է, որը պետք է օգտագործվի:

Քանի որ ես կցանկանայի, որ զեղչն ավելացվի բացվող ցանկից, ես պետք է տեղադրեմ WhatToEnter մակրո այս բջիջում: Զգում եք, որ դուք պետք է թարմացնեք ձեր հիշողությունը այս թեմայով: Մի պահ դիտեք իմ նախորդ ձեռնարկներից մեկը ;)

Այսպիսով, ստացված աղյուսակն այսպիսի տեսք կունենա.

Նմուշի վերնագիր 1	Sample header 2	Sample header 3
~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] discount

Տեսեք, զեղչի դրույքաչափը կավելացվի բացվող ցանկից և «զեղչ» բառը: այնուամենայնիվ այնտեղ կլինի:

Բայց ինչպե՞ս կարող եմ ձևանմուշը կարգավորել այնպես, որ տեքստը ներկվի համապատասխան գույնով: Իրականում բավականին հեշտությամբ, ես պարզապես պետք է մի փոքր թարմացնեմ ձևանմուշի HTML-ը: Եկեք ավարտենք տեսական մասը և անմիջապես անցնենք պրակտիկայի:

Գունավորեք ամբողջ տեքստը աղյուսակի բջիջում

Սկզբումանջատված է, ես բացում եմ իմ կաղապարի HTML կոդը և ուշադիր ստուգում եմ այն.

Ահա, թե ինչպես է իմ ձևանմուշը HTML-ում. Այնուհետև ես կտեղադրեմ բոլոր HTML կոդերը որպես տեքստ, որպեսզի կարողանաք պատճենել դրանք ձեր սեփական ձևանմուշներում և փոփոխել ձեր ուզած ձևով:

Եկեք ուշադիր նայենք վերը նշված HTML-ին: Առաջին տողը սեղանի եզրագծի հատկություններն է (ոճ, լայնություն, գույն և այլն): Այնուհետև գնում է առաջին շարքը (աղյուսակի տվյալների բջիջների 3 տարրեր 3 սյունակների համար) իրենց ատրիբուտներով: Հետո տեսնում ենք երկրորդ տողի կոդը։

Ինձ հետաքրքրում է երկրորդ տողի առաջին տարրը իմ WHAT_TO_ENTER-ով։ Գունավորումը կկատարվի՝ ավելացնելով հետևյալ ծածկագիրը.

TEXT_TO_BE_COLORED

Ես այն կկտրեմ ձեզ համար և կպարզաբանեմ դրանցից յուրաքանչյուրը.

• COLOR պարամետրը կարգավորում է նկարը: Եթե ​​այն փոխարինեք, ասենք, «կարմիրով», այս տեքստը կդառնա կարմիր: Այնուամենայնիվ, քանի որ իմ խնդիրն է բացվող ցուցակից գույն ընտրելը, ես մի վայրկյան կվերադառնամ նախապատրաստմանը և այնտեղից կվերցնեմ իմ պատրաստված WhatToEnter մակրոները. ~%WhatToEnter[{dataset: «Տվյալների հավաքածու զեղչերով», սյունակ՝ «Զեղչ», վերնագիր՝ Ընտրել զեղչ»}]
• TEXT_TO_BE_COLORED այն տեքստն է, որը պետք է ստվերել: Իմ կոնկրետ օրինակում դա կլինի « ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] զեղչ » (պատճենեք այս հատվածը հենց այստեղիցսկզբնական HTML կոդը՝ տվյալների կոռուպցիան խուսափելու համար):

Ահա կոդի նոր հատվածը, որը ես կտեղադրեմ իմ HTML-ում.

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

Նշում. Դուք կարող եք նկատել, որ «սյունակ» պարամետրը տարբերվում է այդ երկու մակրոներում: Դա պայմանավորված է նրանով, որ ես պետք է վերադարձնեմ արժեքը տարբեր սյունակներից, այսինքն՝ սյունակը:'Գունավոր կոդը' կվերադարձնի այն գույնը, որը ներկելու է տեքստը, մինչդեռ սյունակը:'Զեղչը' ՝ զեղչը: խցում կպցնելու տոկոսադրույքը:

Նոր հարց է ծագում. HTML-ի ո՞ր տեղում պետք է տեղադրեմ այն: Ընդհանուր առմամբ, այս տեքստը պետք է փոխարինի TEXT_TO_BE_COLORED-ին: Իմ նմուշում դա կլինի երկրորդ տողի (սյունակի) առաջին սյունակը ( ): Այսպիսով, ես փոխարինում եմ WTE մակրո և «զեղչ» բառը վերևի կոդով և ստանում եմ հետևյալ HTML-ը.

Նմուշի վերնագիր 1

Նմուշի վերնագիր 2

Նմուշի վերնագիր 3

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

Երբ ես պահպանում եմ փոփոխությունները և տեղադրում այս թարմացված ձևանմուշը, մի թռուցիկ պատուհան կխնդրի ինձ ընտրել զեղչ: Ես ընտրում եմ 10% և իմ տեքստը անմիջապես կանաչում է:

Գունավորել բջջի պարունակության մի մասը

Բջջի միայն մի մասը գունավորելու տրամաբանությունըբովանդակությունը հիմնականում նույնն է. դուք փոխարինում եք միայն երանգավորվող տեքստը նախորդ գլխի կոդով, թողնելով մնացած տեքստը ինչպես կա:

Այս օրինակում, եթե ինձ անհրաժեշտ է գունավորել միայն տոկոսը: (առանց «զեղչ» բառի), ես կբացեմ HTML կոդը, կընտրեմ այն ​​մասը, որը գունավորելու կարիք չունի (մեր դեպքում «զեղչ») և կտեղափոխեմ այն ​​պիտակից՝

In Եթե ​​դուք հենց սկզբից կատարում եք գունազարդման նախապատրաստական ​​աշխատանքները, պարզապես հիշեք, որ ապագա գունավոր տեքստը գնում է TEXT_TO_BE_COLORED -ի փոխարեն, մնացածը մնում է ավարտից հետո: Ահա իմ նորացված HTML-ը.

Նմուշի վերնագիր 1

Նմուշի վերնագիր 2

Նմուշի վերնագիր 3

~%WhatToEnter[{dataset>

Տեսնու՞մ եք: Ես տեղադրել եմ իմ բջջի բովանդակության միայն մի մասը պիտակների մեջ, հետևաբար միայն այս մասը գունավորված կլինի կպցնելիս:

Կիրառեք պայմանական ձևաչափում աղյուսակի բջիջներին

Այժմ եկեք մի փոքր փոխենք առաջադրանքը և փորձենք ընդգծել ոչ թե տեքստը, այլ բջիջների ամբողջ ֆոնը նույն նմուշի աղյուսակում:

Նշեք մեկ բջիջ

Քանի որ ես փոփոխում եմ նույն աղյուսակը, ես չեմ կրկնվի և չեմ տեղադրի սկզբնական աղյուսակի HTML կոդը այս գլխում: Մի փոքր ոլորեք վերև կամ անցեք անմիջապես դեպի առաջին օրինակըայս ձեռնարկը՝ չգունավոր աղյուսակի անփոփոխ կոդը տեսնելու համար:

Եթե ես ուզում եմ ստվերել բջջի ֆոնը զեղչով, ապա պետք է նաև մի փոքր փոփոխեմ HTML-ը, բայց փոփոխությունը կտարբերվի տեքստի գունավորում. Հիմնական տարբերությունն այն է, որ գույնը պետք է կիրառվի ոչ թե տեքստի, այլ ամբողջ բջիջի վրա:

Նշված բջիջը նման է HTML ձևաչափին.

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

Քանի որ ես ուզում եմ ընդգծել բջիջը, փոփոխությունները պետք է կիրառվեն բջջային հատկանիշի վրա, ոչ թե Տպագրել. Վերևի գիծը ես կկոտրեմ մասերի, կպարզաբանեմ դրանցից յուրաքանչյուրը և մատնացույց կանեմ այն ​​մասերը, որոնք պետք է փոխվեն.

• «style=» նշանակում է, որ տողի բջիջը ունի հետևյալ ոճի հատկությունները. Այստեղ մենք վերցնում ենք մեր առաջին ընդմիջումը: Քանի որ ես պետք է սահմանեմ հատուկ ֆոնի գույն, ես փոխում եմ ոճը data-set-style :
• "width: 32.2925%; եզրագիծը: 1px պինդ սև;" – դրանք լռելյայն ոճի հատկություններն են, որոնք ես վերը նկատի ունեի: Ես պետք է ավելացնեմ ևս մեկը՝ ընտրված բջիջի ֆոնը հարմարեցնելու համար՝ ֆոնի գույնը : Քանի որ իմ նպատակը բացվող ցանկից օգտագործելու գույնն ընտրելն է, ես վերադառնում եմ իմ պատրաստմանը և այնտեղից վերցնում եմ պատրաստ WhatToEnter-ը:

Խորհուրդ: Եթե ​​ցանկանում եք, որ բջիջը ներկվի մեկ գույնով և չեք ցանկանում, որ բացվող ցուցակը ձեզ ամեն անգամ անհանգստացնի,պարզապես փոխարինեք մակրո գույնի անունով (օրինակ, «կապույտ»): Այն այսպիսի տեսք կունենա՝ ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] զեղչ

• « ~%WhatToEnter[] զեղչ »-ը բջջի բովանդակությունն է:

Այսպիսով, ահա թարմացված HTML տեսքը.

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

Աղյուսակի մնացած մասը մնում է այնպես, ինչպես կա: Ահա ստացված HTML-ը, որը ընդգծում է բջիջը տոկոսային դրույքաչափով. 3>

Նմուշի վերնագիր 1

Նմուշի վերնագիր 2

Նմուշի վերնագիր 3

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

Երբ ես պահեմ այս փոփոխությունը և տեղադրեմ թարմացված աղյուսակը նամակում, ես կստանամ բացվող ցուցակը զեղչերով և առաջին բջիջը կնշվի ըստ նախատեսվածի:

Գունավորեք ամբողջ տողը

Երբ մեկ բջիջը բավարար չէ, ես նկարում եմ ամբողջ տողը :) Կարող եք մտածել, որ պետք է կիրառեք վերը նշված հատվածի քայլերը բոլոր բջիջների համար: մի շարք. Ես կշտապեմ հիասթափեցնել ձեզ, ընթացակարգը մի փոքր կտարբերվի:

Վերևի հրահանգներում ես ձեզ ցույց եմ տվել, թե ինչպես թարմացնել բջջի ֆոնը՝ փոփոխելով այս բջջի HTML կտորը: Քանի որ հիմա ես պատրաստվում եմ վերաներկել ամբողջըտողում, ես պետք է վերցնեմ դրա HTML տողը և անմիջապես դրա վրա կիրառեմ փոփոխություններ:

Այժմ այն ​​առանց ընտրանքների է և կարծես լինի: Ինձ պետք է data-set-style= ավելացնելու և իմ WHAT_TO_ENTER-ն այնտեղ տեղադրելու համար: Արդյունքում տողը նման կլինի ստորև.

Այսպիսով, աղյուսակի ամբողջ HTML-ը, որը պետք է ներկել բջիջով, կունենա հետևյալ տեսքը.

Նմուշի վերնագիր 1

Նմուշի վերնագիր 2

Նմուշի վերնագիր 3

~%WhatToEnter[{dataset :«Տվյալների հավաքածու զեղչերով», սյունակ:«Զեղչ», վերնագիր:«Ընտրել զեղչը»}] զեղչ

Ազատորեն պատճենեք այս HTML-ը ձեր սեփական ձևանմուշների համար՝ համոզվելու համար, որ այն աշխատում է այնպես, ինչպես ես նկարագրում եմ: Որպես այլընտրանք, վստահեք ստորև ներկայացված սքրինշոթին :)

Ամփոփել

Այսքանն է, ինչ այսօր ուզում էի ասել ձեզ Outlook աղյուսակների պայմանական ձևաչափման մասին: Ես ձեզ ցույց տվեցի, թե ինչպես փոխել բջիջների բովանդակության գույնը և ընդգծել դրանց ֆոնը: Հուսով եմ, ինձ հաջողվեց համոզել ձեզ, որ ձևանմուշի HTML-ը փոփոխելու մեջ առանձնահատուկ և դժվար բան չկա, և դուք ինքներդ մի քանի նկարչական փորձեր կանցկացնեք ;)

FYI, գործիքը կարող է տեղադրվել Microsoft Store-ից ձեր վրա: PC, Mac կամ Windows պլանշետ և օգտագործվում է ձեր բոլոր սարքերում միաժամանակ:

Եթե ունեք հարցեր կամ, հնարավոր է, առաջարկներ աղյուսակների ձևաչափման վերաբերյալ, խնդրում եմ տեղեկացրեք ինձ Մեկնաբանություններում: Ես կլինեմ