Mündəricat
Bu məqalədə siz Outlook-da cədvəlin sərhədlərinə şərti formatlaşdırmanın necə tətbiq olunacağını görəcəksiniz. Onların rəngini, enini və üslubunu necə dəyişdirəcəyinizi sizə göstərəcəyəm. Sonra sizə eyni anda bir neçə dəyişiklik etməyi və Outlook cədvəlinizi müxtəlif yollarla rəngləndirməyi öyrədəcəm.
İlk olaraq bu bloqu yeni gələnlər üçün kiçik bir qeyd etmək istərdim. Bu gün şablonlarda şərti formatlaşdırma haqqında danışacağıq, mən sizə Outlook üçün Paylaşılan E-poçt Şablonları əlavəsindən istifadə edərək onları necə düzgün quracağınızı göstərəcəyəm. Bu alət əvvəlcədən saxlanmış mükəmməl formatlaşdırılmış şablonları e-poçtlarınıza yapışdırmağa və yazışma rejiminizi bir neçə kliklə kiçildməyə kömək edə bilər.
Outlook cədvəlləri təlimatında mənim Şərti formatlaşdırmanı artıq oxumusunuzsa, bilirsiniz hüceyrələrin məzmununu və fon rəngini necə dəyişdirmək olar. Bununla belə, Outlook cədvəlinizi parlaqlaşdırmaq üçün edə biləcəyiniz hər şey bu deyil. Bu gün mən sizə cədvəlinizin haşiyələrini şərti olaraq rəngləndirməyin və onların enini və üslubunu dəyişdirməyin yollarını göstərəcəyəm.
Bundan əlavə, bir neçə modifikasiyanın necə tətbiq olunacağını göstərəcəyim son fəsildə kiçik bir bonus sizi gözləyir. eyni zamanda və süfrənizi iyulun 4-də atəşfəşanlıq kimi rəngarəng və parlaq edin ;)
Hüceyrələrin haşiyələrinin rəngini dəyişdirin
Sizə haşiyələrin rənglənməsinin necə işlədiyini göstərmək üçün, Keçən həftəki dərslikdən eyni nümunələrdən istifadə edəcəyəm. İş belədir: Mən yapışdırıram aMicrosoft komandası, bu GitHub söhbətində onların cavablarını yoxlamaqdan çekinmeyin :)
Son qeyd
Ümid edirəm ki, Outlook-dakı cədvəlin sadəcə qara sərhədlər olmadığına sizi inandıra bildim. mətn. Təkmilləşdirmə və yaradıcılıq üçün kifayət qədər yer var :)
Özünüzə aid bir neçə rəsm təcrübələri etmək qərarına gəldikdə, sadəcə olaraq Microsoft Store-dan Paylaşılan E-poçt Şablonlarını quraşdırın və həzz alın!
Əgər varsa! qalan suallarınız üçün Outlook cədvəllərində şərti formatlaşdırma ilə bağlı kömək lazımdır, sadəcə Şərhlər bölməsində bir neçə söz buraxın və biz bunu anlayaq ;)
şablonu seçin və cədvəli doldurmaq üçün endirim dərəcəsini seçin. Seçimimdən asılı olaraq xananın haşiyələri xüsusi rəngdə rənglənəcək.Bu gün rəngləyəcəyim cədvəl aşağıdakı kimi olacaq:
| Nümunə başlığı 1 | Nümunə başlıq 2 | Nümunə başlıq 3 |
| ~%WhatToEnter[ {dataset:'Endirimli verilənlər toplusu', sütun:' Endirim', başlıq:'Endirimi seçin'} ] endirim |
Şərti formatlaşdırma şablonların HTML-də işləndiyi üçün gəlin əvvəlcə bu cədvəlin HTML kodunu açın:
- Maraqlanan şablonu açın və Edit düyməsini basın:
- <1-i tapın>Şablonun alətlər panelində HTML ikonasına ( ) baxın:
- Bir neçə dəfə dəyişdiriləcək orijinal HTML-ə baxın:
Rənglər və onların endirim tarifləri ilə əlaqəsi ilə maraqlanırsınızsa, sizə bir ipucu verim :) Dataset! Bunun nə olduğunu bilmirsən? Sonra kiçik bir fasilə götürün və əvvəlcə Doldurulabilir Outlook şablonları təlimatımı oxuyun.
Budur, başlanğıcda istifadə edəcəyim və bir neçə fəsildə bir az təkmilləşdirəcəyim orijinal verilənlər bazası:
| Endirim | Rəng kodu |
| 10% | #00B0F0 |
| 15 % | #00B050 |
| 20% | #FFC000 |
| 25% | #4630A0 |
Bu cədvəldən lazımi rəng kodunu götürməli olduğum zaman aşağıdakı makrodan istifadə edəcəyəm:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Color code'}]Bütün əsasları əhatə etdiyimiz üçün rəngləri dəyişməyə başlayaq :)
Birinin haşiyə rəngini yeniləyin xana
Cədvəldəki tək xananın sərhədlərini rəngləmək üçün gəlin əvvəlcə şablonun HTML-də onun xəttini tapaq və onun komponentlərinə daha yaxından nəzər salaq:
- “ style= ” xananın əsas parametrlər toplusunu təmsil edir.
- “en: 32%; sərhəd: 1px bərk #aeabab ” xananın və haşiyənin eni, rəngi və üslubudur.
- “~%WhatToEnter[] endirimi” xananın məzmunudur.
Bu kod sətri o deməkdir ki, mən bərk üslubun 1px boz haşiyələri olan xana görəcəyəm. Bu parametrlərdən hər hansı birini əvəz etsəm, şablonumdakı cədvəlin görünüşünü poza bilər, yəni sərhədlər görünməz olacaq (baxmayaraq ki, yapışdırıldıqdan sonra hər şey mükəmməl görünəcək).
Standartın olmasını istərdim. cədvəli şablonda yerləşdirin və yapışdırarkən onu dəyişdirin. Beləliklə, mən yerləşdirərkən orijinalları əvəz edəcək parametrlərlə yeni bir atribut əlavə edirəm:
Gəlin yuxarıdakı HTML sətrini araşdıraq:
- “ style="border : 1px solid #aeabab;" birinci atributdur. Bunlar hüceyrənin orijinalıdırxüsusiyyətləri.
- “ data-set-style= ” yapışdırarkən yuxarıdakı atributu lazımi xüsusiyyətlər dəsti ilə əvəz etməyə kömək edəcək xüsusi parametrdir.
- “ sərhəd: 1px bərk; border-color: ” ikinci atributun fasilə verəcəyimiz hissəsidir. Baxın, başlanğıc orijinalla eynidir, haşiyə eni və üslubu eynidir. Ancaq rəngə gəldikdə (dəyişdirmək istədiyim parametr) onu border-color: ilə əvəz edirəm və WhatToEnter makrosunu yapışdırıram. Beləliklə, açılan seçimdən asılı olaraq, makro rəng kodu ilə əvəz olunacaq və haşiyə yenidən rənglənəcək.
- “~%WhatToEnter[] endirimi” hələ də xananın məzmunu heç bir dəyişiklik tələb etmir.
Ona görə də, gələcək rəngli xana ilə tam HTML belə görünəcək:
Bu şablonu yerləşdirdiyiniz zaman , yenilənmiş xananın haşiyəsi dərhal seçilmiş rəngdə rənglənəcək:
Bütün cərgənin haşiyələrini rəngləyin
İndi isə gəlin haşiyələri rəngləyək. nümunə cədvəlimizin bütün cərgəsinə baxın və bunun necə işlədiyinə baxın. Məntiqlə tamamilə eynidiryuxarıdakı bənd istisna olmaqla, ikinci cərgənin bütün xanalarını yeniləməlisiniz. Yuxarıda qeyd etdiyim eyni modifikasiyalar bütün cərgəyə tətbiq edildikdən sonra şablon yapışdırıldıqda o, göz qırparaq boyanır.
Baxmaq istəyirsinizsə ikinci sıra rəngləmə ilə hazır HTML, burada gedir:
Sərhəd genişliyini dəyişdirin
İndi gəlin yalnız haşiyə rəngini deyil, həm də onun enini yeniləməyə çalışaq. Yerləşdirərkən orijinalı əvəz edən HTML atributuna bir daha nəzər salın:
data-set-style="border: 1px solid; border-color:~%WhatToEnter[{dataset:' Endirimli verilənlər toplusu',sütun:'Rəng kodu'}]">~%WhatToEnter[{dataset:'Endirimli verilənlər toplusu',sütun:'Endirim',title:'Endirimi seçin'}] endirimiBaxın: 1px parametr? Bu, rənglənəcək haşiyələrin enidir. Siz onu əl ilə dəyişə bilərsiniz, məsələn, 2 və siz onu yerləşdirdikdən sonra cədvəl sərhədləri daha da genişlənəcək.
Lakin mən bunu başqa yolla edəcəm. Mən verilənlər bazamı yeniləyəcəyəm və sərhədlərin eni ilə yeni sütun əlavə edəcəyəm. Bu halda, yapışdırmaq üçün indiki nisbəti seçdikdən sonra həm rəng, həm də eni olacaqyeniləndi.
| Endirim | Rəng kodu | Sərhəd eni |
| 10% | #00B0F0 | 2 |
| 15% | #00B050 | 2,5 |
| 20% | #FFC000 | 3 |
| 25% | #4630A0 | 3.5 |
İndi isə hər bir sətirin ikinci atributunu dəyişdirək və 1px -ni aşağıdakı mətn parçası ilə əvəz edək:
border-width:~%WhatToEnter [{dataset:'Dataset with discounts',column:'Border width'}]Sonra onu ikinci cərgənin bütün üç xanası üçün təkrarlayıram və nəticədə aşağıdakı HTML-ni əldə edirəm:
Bu şablon saxlandıqdan və yapışdırıldıqdan sonra genişlənmiş mavi haşiyələr e-poçtda görünəcək:
Cədvəldə haşiyələrin üslubunu dəyişdirin
Bu hissədə Diqqətinizi başqa bir parametrə - üsluba cəlb etmək istərdim. Bu, sərhədlərin görünüşünü idarə edəcək. Onu necə düzgün tətbiq edəcəyinizi sizə göstərməzdən əvvəl mən öz verilənlər bazama qayıtmalı və onu hazırkı vəziyyətimə uyğun olaraq dəyişdirməliyəm.
| Endirim | Sərhədstil |
| 10% | Qızıldadılmış |
| 15% | İkiqat |
| 20% | Nöqtəli |
| 25% | Ridge |
Mən hər endirim dərəcəsini sərhəd üslubu ilə əlaqələndirdim və bu data dəstini gələcək üçün saxladım. HTML-im üçün üslubu əldə etmək üçün makro aşağıdakılardan ibarət olacaq:
~%WhatToEnter[{dataset:"Endirimli verilənlər toplusu",column:"Border style"}]İndi mən aşağıdakı kod parçasını əldə etmək üçün bərki (bütün istifadə etdiyim standart üslubu) yuxarıdakı makro ilə əvəz edərək ikinci sıranın atributlarını dəyişdirin:
data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'Endirimli verilənlər toplusu',sütun:'Border style'}]Budur, son HTML:
Bu HTML-ni kopyalayıb yerləşdirsəniz şablonlarınıza uyğun olaraq nəticə sizi gözlətməyəcək:
Vurğulanmağı, mətn rəngini və haşiyələrin enini eyni zamanda dəyişmək üçün şərti formatlaşdırma qurun
Ən çox marağa çatdıq Sizə eyni anda birdən çox modifikasiyanı necə tətbiq edəcəyinizi göstərmək üzrə olduğum üçün hissəyə baxın. Əvvəlcə məlumatları əldə edəcəyim məlumat dəstini yeniləyəcəm.Hüceyrələrin vurğulanmasını, mətnin rəngini və haşiyələrin enini dəyişdirmək qərarına gəldiyim üçün bütün bu parametrlər göstərilməlidir. Beləliklə, mənim yeni verilənlər bazam belə görünəcək:
| Endirim | Rəng kodu | Arxa fon kodu | Sərhəd eni |
| 10% | #00B0F0 | #DEEBF6 | 2 |
| 15 % | #00B050 | #E2EFD9 | 2,5 |
| 20% | #FFC000 | #FFF2CC | 3 |
| 25% | #4630A0 | #FBE5D5 | 3,5 |
Beləliklə, mən 10% seçsəm, lazımi mətn mavi rəngə boyanacaq (# 00B0F0 ), seçilmiş xanaların fonu kölgədə kölgələnəcək. açıq mavi ton (# DEEBF6 ) və onların sərhədləri iki dəfə genişləndiriləcək.
Bəs bu verilənlər toplusu Outlook cədvəlinə necə qoşula bilər ki, formatlaşdırılsın? Mən sizi 2 məqalədə bu tapşırığa hazırlamışam :) Budur bütün lazımi dəyişiklikləri idarə edəcək HTML:
İndi tətbiq edilən bütün dəyişikliklərə nəzər salaq:
- Nümunə başlıq 1 - bu parça başlıq mətnini “Rəng kodu” sütunundan rəngli rəngə boyayacaq. Hiss etdiyiniz haldamətn rəsmində yaddaşınızı yeniləməli olduğunuz kimi, mənim əvvəlki təlimatımın cədvəl bölməsindəki Mətnin şrift rəngini dəyişdirin.
- data-set-style="background-color:~%WhatToEnter[" {dataset:'Endirimli verilənlər toplusu',sütun:'Arxa plan kodu',title:'Endirimi seçin'}] - bu hissə öz kodunu verilənlər bazasının Fon kodu sütunundan götürərək fon rəngini yeniləyir. Bu işin daha ətraflı təsvirinə ehtiyacınız olduğunu hiss edirsinizsə, Hüceyrələri vurğulamaq dərsliyinə nəzər salmaqdan çekinmeyin.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Endirimli verilənlər toplusu',column:'Border width'}] – bu HTML xətti ilə sərhədlərin eni Sərhəd eni -də göstərilənə dəyişdiriləcək. Mən bunu daha əvvəl əhatə etmişəm, nəyisə qaçırdınız deyə nəzər sala bilərsiniz.
Mən bu atributların əlavə edildiyi şablonu yerləşdirəndə nəticə məni gözlətməyəcək:
Bu mövzunu bağlamazdan əvvəl kiçik bir qeyd etmək istərdim. Cədvəllərdə sərhədlərin rənglənməsini sınaqdan keçirərkən Outlook-un həm onlayn, həm də masaüstü versiyalarında sərhədlərin olduqca qeyri-müəyyən davranışı ilə qarşılaşdım. Bir az çaş-baş qalaraq, aydınlaşdırmaq üçün tərtibatçılarımıza müraciət etdim. Onlar müəyyən ediblər ki, müxtəlif Outlook müştəriləri cədvəlləri müxtəlif üsullarla təqdim edir və bu cür davranışın səbəbi Outlook-dakı səhvdir.
Komandamız bu məsələni
