Jedwali la yaliyomo
Katika makala haya utaona jinsi ya kutumia umbizo la masharti kwenye mipaka ya jedwali katika Outlook. Nitakuonyesha jinsi ya kubadilisha rangi, upana na mtindo wao. Kisha nitakufundisha jinsi ya kufanya marekebisho kadhaa kwa wakati mmoja na rangi ya meza yako ya Outlook kwa njia nyingi tofauti.
Kwanza, ningependa kuandika kichwa kidogo kwa wanaoingia kwenye blogu hii. Kama leo tutazungumza kuhusu uumbizaji wa masharti katika violezo, nitakuonyesha jinsi ya kuviweka vyema kwa kutumia programu jalizi yetu ya Violezo vya Barua Pepe Zilizoshirikiwa kwa Outlook. Zana hii inaweza kukusaidia kubandika violezo vilivyoumbizwa awali vilivyohifadhiwa vyema kwenye barua pepe zako na kupunguza utaratibu wako wa mawasiliano kwa mibofyo michache.
Ikiwa tayari umesoma mafunzo yangu ya umbizo la Masharti katika jedwali la Outlook, unajua. jinsi ya kubadilisha yaliyomo kwenye seli na rangi ya usuli. Walakini, hiyo sio kila kitu unachoweza kufanya ili kuangaza jedwali lako la Outlook. Leo nitakuonyesha njia za kuweka rangi kwenye mipaka ya meza yako kwa masharti na kurekebisha upana na mtindo wake.
Aidha, bonasi ndogo inakungoja katika sura ya mwisho ambapo nitakuonyesha jinsi ya kutumia marekebisho kadhaa. kwa wakati mmoja na ufanye meza yako iwe ya kupendeza na angavu kama fataki tarehe 4 Julai ;)
Badilisha rangi ya mipaka ya seli
Ili kukuonyesha jinsi uchoraji wa mipaka unavyofanya kazi, Nitatumia sampuli sawa kutoka kwa mafunzo ya wiki iliyopita. Kesi ni ifuatayo: Ninabandika aTimu ya Microsoft, jisikie huru kuangalia jibu lao katika mazungumzo haya ya GitHub :)
Dokezo la mwisho
Ninatumai nimeweza kukushawishi kuwa jedwali katika Outlook sio tu mipaka nyeusi na tambarare. maandishi. Kuna nafasi kubwa ya kuboresha na ubunifu :)
Unapoamua kufanya majaribio machache ya uchoraji yako mwenyewe, sakinisha Violezo vya Barua Pepe Zilizoshirikiwa kutoka kwa Duka la Microsoft na ufurahie!
Ikiwa kuna maswali yoyote yaliyosalia kwako yanahitaji usaidizi wa umbizo la masharti katika jedwali la Outlook, acha tu maneno machache katika sehemu ya Maoni na tutaisuluhisha ;)
template na uchague kiwango cha punguzo la kujaza jedwali. Kulingana na chaguo langu, mipaka ya seli itapakwa rangi mahususi.Jedwali nitakalopaka leo litakuwa lifuatalo:
| Sampuli ya kichwa. 1 | Sampuli ya kichwa 2 | Sampuli ya kichwa 3 |
| ~%WhatToEnter[ {dataset:'Dataset with discounts', safuwima:' Punguzo', kichwa:'Chagua punguzo'} ] punguzo |
Kama uumbizaji wa masharti unavyoshughulikiwa katika HTML ya violezo, hebu tufanye fungua msimbo wa HTML wa jedwali hili kwanza:
- Fungua kiolezo cha mambo yanayokuvutia na ugonge Hariri :
- Tafuta Tazama HTML ikoni ( ) kwenye upau wa vidhibiti wa kiolezo:
- Angalia HTML asili ambayo itarekebishwa mara nyingi:
Ikiwa unashangaa kuhusu rangi na uhusiano wao na viwango vya punguzo, nitakupa kidokezo :) Seti ya data! Sijui ni nini? Kisha pumzika kidogo na usome mafunzo yangu ya violezo vya Fillable Outlook kwanza.
Hii hapa ni hifadhidata asili nitakayotumia mwanzoni na kuboresha kidogo katika sura chache:
| Punguzo | Msimbo wa rangi |
| 10% | #00B0F0 |
| 15 % | #00B050 |
| 20% | #FFC000 |
| 25% | #4630A0 |
Ninapohitaji kupata msimbo unaohitajika wa rangi kutoka kwa jedwali hili, nitatumia jumla ifuatayo:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Color code'}]Kwa kuwa tunayo mambo ya msingi, tuanze kubadilisha rangi :)
Sasisha rangi ya mpaka wa moja. seli
Ili kupaka rangi kwenye mipaka ya kisanduku kimoja katika jedwali, hebu kwanza tutafute mstari wake katika HTML ya kiolezo na tuangalie kwa karibu vijenzi vyake:
- “ style= ” inawakilisha seti ya vigezo vya msingi vya kisanduku.
- “upana: 32%; mpaka: 1px solid #aeabab ” ni upana wa seli na mpaka, rangi na mtindo.
- “~%WhatToEnter[] discount” ndio maudhui ya kisanduku.
Msimbo huu unamaanisha kuwa nitaona kisanduku chenye mipaka ya kijivu 1px ya mtindo thabiti. Nikibadilisha mojawapo ya vigezo hivyo, huenda ikaharibu mwonekano wa jedwali kwenye kiolezo changu, yaani, mipaka haitaonekana (ingawa kila kitu kitaonekana kikamilifu baada ya kubandika).
Ningependa kuwa na kiwango jedwali kwenye kiolezo na ubadilishe wakati wa kubandika. Kwa hivyo, ninaongeza sifa moja mpya na vigezo ambavyo vitachukua nafasi ya zile asili wakati wa kubandika:
Hebu tuchunguze mstari wa HTML hapo juu:
- “ style="border : 1px solid #aeabab;" ni sifa ya kwanza. Hizi ndizo asili za selisifa.
- “ data-set-style= ” ni kigezo maalum kitakachonisaidia kuchukua nafasi ya sifa iliyo hapo juu na seti muhimu ya sifa wakati wa kubandika.
- “ mpaka:1px thabiti; border-color: ” ni sehemu ya sifa ya pili ambapo tutachukua pause. Tazama, mwanzo ni sawa na asili, upana wa mpaka sawa na mtindo. Walakini, linapokuja suala la rangi (parameta ambayo ninataka kubadilisha), ninaibadilisha na border-color: na kubandika macro ya WhatToEnter. Kwa hivyo, kulingana na chaguo la kunjuzi, nafasi ya jumla itabadilishwa na msimbo wa rangi na mpaka utapakwa rangi upya.
- “~%WhatToEnter[] discount” bado ni maudhui ya kisanduku ambayo hauhitaji mabadiliko yoyote.
Kwa hivyo, HTML kamili iliyo na kisanduku chenye rangi ya baadaye itaonekana hivi:
Unapobandika kiolezo hiki , mpaka wa kisanduku kilichosasishwa utapakwa rangi iliyochaguliwa mara moja:
Paka mipaka ya safu mlalo yote
Sasa hebu tupake rangi kwenye mipaka safu nzima ya jedwali letu la sampuli na uone jinsi inavyofanya kazi. Mantiki ni sawa kabisa na katikaaya hapo juu isipokuwa kwamba utahitaji kusasisha visanduku vyote vya safu mlalo ya pili. Mara marekebisho yale yale niliyoangazia hapo juu yanapowekwa kwenye safu mlalo yote, hupakwa rangi ya kukonyeza wakati wa kubandika kiolezo.
Ikiwa ungependa kuangalia HTML iliyo tayari na kupaka rangi safu ya pili, hii hapa:
Badilisha upana wa mpaka
Sasa hebu tujaribu kusasisha sio tu rangi ya mpaka bali pia upana wake. Angalia sifa ya HTML ambayo inachukua nafasi ya ile ya asili wakati wa kubandika:
data-set-style="border: 1px solid; border-color:~%WhatToEnter[{dataset:' Seti ya data yenye mapunguzo',column:'Color code'}]">~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discountAngalia
Angalia 1px kigezo? Hii ni upana wa mipaka ya kuwa rangi. Unaweza kuibadilisha mwenyewe kuwa, tuseme, 2 na mipaka ya jedwali itakuwa pana pindi utakapoibandika.
Hata hivyo, nitaifanya kwa njia nyingine. Nitasasisha seti yangu ya data na kuongeza safu wima mpya yenye upana wa mipaka. Katika kesi hii, mara tu nitakapochagua kiwango cha sasa cha kubandika, rangi na upana zitakuwaimesasishwa.
| Punguzo | Msimbo wa rangi | Upana wa mpaka |
| 10% | #00B0F0 | 2 |
| 15% | #00B050 | 2.5 |
| 20% | #FFC000 | 3 |
| 25% | #4630A0 | 3.5 |
Sasa hebu turekebishe sifa ya pili ya kila mstari na tubadilishe 1px na kifungu kifuatacho cha maandishi:
upana wa mpaka:~%WhatToEnter [{dataset:'Dataset with discounts',column:'Border width'}]Kisha ninarudia kwa visanduku vyote vitatu vya safu mlalo ya pili na kupata HTML ifuatayo katika matokeo:
Kiolezo hiki kikishahifadhiwa na kubandikwa, mipaka ya bluu iliyopanuliwa itaonekana katika barua pepe:
Rekebisha mtindo wa mipaka katika jedwali
Katika sura hii apter Ningependa kuteka mawazo yako kwa kigezo kingine - mtindo. Huyu atashughulikia kuonekana kwa mipaka. Kabla ya kukuonyesha jinsi ya kuitumia kwa njia ipasavyo, nitahitaji kurejea kwenye mkusanyiko wangu wa data na kuirekebisha kulingana na hali yangu ya sasa.
| Punguzo | Mpakamtindo |
| 10% | Ilipigwa |
| 15% | Mbili |
| 20% | Ina nukta |
| 25% | Ridge |
Nimehusisha kila kiwango cha punguzo na mtindo wa mpaka na kuhifadhi mkusanyiko huu wa data kwa siku zijazo. Jumla ya kupata mtindo wa HTML yangu itakuwa hii hapa chini:
~%WhatToEnter[{dataset:"Dataset with discounts",column:"Border style"}]Sasa nitahitaji kusasisha sifa za safu ya pili kwa kuchukua nafasi thabiti (mtindo chaguo-msingi ambao nimekuwa nikitumia wakati wote) na jumla hapo juu ili kupata nambari ifuatayo ya nambari:
data-set-style="border: 1px #aeabab; mtindo wa mpaka: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border style'}]Hii hapa HTML ya mwisho:
Ukinakili HTML hii na kubandika kwa violezo vyako, matokeo hayatakufanya uendelee kusubiri:
Weka umbizo la masharti ili kubadilisha uangaziaji, rangi ya maandishi na upana wa mipaka kwa wakati mmoja
0>Tumefikia mambo yanayovutia zaidi ting sehemu ninapokaribia kukuonyesha jinsi ya kutumia marekebisho mengi kwa wakati mmoja. Kwanza, nitasasisha seti ya data nitakuwa nikirejesha data kutoka.Kwa kuwa niliamua kubadilisha mwangaza wa seli, rangi ya maandishi na upana wa mipaka, vigezo hivyo vyote vinahitaji kubainishwa. Kwa hivyo, mkusanyiko wangu mpya wa data ungeonekana hivi:| Punguzo | Msimbo wa rangi | Msimbo wa usuli | Upana wa mpaka |
| 10% | #00B0F0 | #DEEBF6 | 2 |
| 15 % | #00B050 | #E2EFD9 | 2.5 |
| 20% | #FFC000 | #FFF2CC | 3 |
| 25% | #4630A0 | #FBE5D5 | 3.5 |
Kwa hivyo, nikichagua 10%, maandishi yanayohitajika yatapakwa rangi ya samawati (# 00B0F0 ), usuli wa seli zilizochaguliwa utatiwa kivuli. toni ya samawati hafifu (# DEEBF6 ) na mipaka yake itapanuliwa mara mbili.
Lakini ni jinsi gani seti hii ya data inaweza kuunganishwa kwenye jedwali la Outlook ili iweze kuumbizwa? Nimekuwa nikikutayarisha kwa kazi hii katika vifungu 2 :) Hii hapa HTML ambayo itashughulikia marekebisho yote muhimu:
Sasa hebu tuangalie marekebisho yote yaliyotumika:
- Sampuli ya kichwa 1 - kipande hiki kitapaka maandishi ya kichwa kwa rangi kutoka safu wima ya “Msimbo wa rangi”. Ikiwa unajisikiakama vile unahitaji kuonyesha upya kumbukumbu yako kwenye mchoro wa maandishi, rejelea Badilisha rangi ya fonti ya maandishi katika sura ya jedwali ya mafunzo yangu ya awali.
- data-set-style="background-color:~%WhatToEnter[ {dataset:'Dataset with discounts',column:'Background Code', title:'Chagua discount'}] - sehemu hii inasasisha rangi ya usuli, kwa kuchukua msimbo wake kutoka Msimbo wa usuli safu wima ya mkusanyiko wa data. Jisikie huru kutazama mafunzo ya Angaza seli ikiwa unahisi kama unahitaji maelezo ya kina zaidi ya kesi hii.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border width'}] - kwa upana wa mipaka ya mstari huu wa HTML' utabadilishwa hadi ule uliobainishwa katika upana wa mpaka Nimeishughulikia mapema, unaweza kuangalia ikiwa umekosa kitu.
Ninapobandika kiolezo chenye sifa hizo zilizoongezwa, matokeo hayatanifanya nisubiri:
Kuna dokezo dogo ningependa kuandika kabla ya kufunga mada hii. Nilipokuwa nikijaribu kuchorea mipaka kwenye jedwali nilikumbana na tabia ya kutatanisha ya mipaka katika matoleo ya mtandaoni na ya kompyuta ya mezani ya Outlook. Kwa kuwa nimechanganyikiwa kidogo, nilifikia watengenezaji wetu kwa ufafanuzi. Waligundua kuwa wateja tofauti wa Outlook hutoa jedwali kwa njia tofauti na sababu ya tabia kama hiyo ni hitilafu katika Outlook.
Timu yetu iliripoti suala hili kwa
