Tabl cynnwys
Yn yr erthygl hon fe welwch sut i gymhwyso fformatio amodol i ffiniau tablau yn Outlook. Byddaf yn dangos i chi sut i newid eu lliw, lled ac arddull. Yna byddaf yn eich dysgu sut i wneud sawl addasiad ar y tro a lliwio'ch tabl Outlook mewn llawer o wahanol ffyrdd.
Yn gyntaf, hoffwn wneud pennodyn bach ar gyfer newydd-ddyfodiaid y blog hwn. Gan y byddwn heddiw yn siarad am fformatio amodol mewn templedi, byddaf yn dangos i chi sut i'w gosod yn gywir gan ddefnyddio ein ychwanegyn Templedi E-bost a Rennir ar gyfer Outlook. Gall yr offeryn hwn eich helpu i gludo templedi wedi'u fformatio'n berffaith sydd wedi'u cadw ymlaen llaw i'ch e-byst a lleihau eich trefn ohebu i ychydig o gliciau.
Os ydych chi eisoes wedi darllen fy nhiwtorial fformatio Amodol yn Nhablau Outlook, rydych chi'n gwybod sut i newid cynnwys a lliw cefndir y celloedd. Fodd bynnag, nid dyna'r cyfan y gallwch ei wneud i fywiogi'ch bwrdd Outlook. Heddiw byddaf yn dangos i chi sut i liwio ffiniau eich bwrdd yn amodol ac addasu eu lled a'u harddull.
Ar ben hynny, mae bonws bach yn aros amdanoch yn y bennod olaf lle byddaf yn dangos i chi sut i gymhwyso sawl addasiad ar yr un pryd a gwnewch eich bwrdd mor lliwgar a llachar â'r tân gwyllt ar y 4ydd o Orffennaf ;)
Newid lliw borderi celloedd
I ddangos i chi sut mae peintio'r borderi yn gweithio, Byddaf yn defnyddio'r un samplau o diwtorial yr wythnos ddiwethaf. Mae'r achos fel a ganlyn: Rwy'n pastio aTîm Microsoft, mae croeso i chi wirio eu hymateb yn y sgwrs GitHub hon :)
Nodyn terfynol
Rwy'n mawr obeithio fy mod wedi llwyddo i'ch argyhoeddi nad ffiniau du â phlaen yn unig yw tabl yn Outlook. testun. Mae digon o le i wella a chreadigedd :)
Pan fyddwch chi'n penderfynu cymryd ychydig o arbrofion peintio eich hun, gosodwch Templedi E-bost a Rennir o Microsoft Store a mwynhewch!
Os oes rhai mae angen rhywfaint o help ar unrhyw gwestiynau sy'n weddill ohonoch gyda fformatio amodol yn nhablau Outlook, gadewch ychydig eiriau yn yr adran Sylwadau a byddwn yn ei gyfrifo ;)
templed a dewis y gyfradd ddisgownt i lenwi'r tabl. Yn dibynnu ar fy newis, bydd borderi'r gell wedi'u lliwio yn y lliw penodol.Y tabl y byddaf yn ei liwio heddiw fyddai'r un isod:
| Pennawd sampl 1 | Pennawd sampl 2 | Pennawd sampl 3 |
| ~ %Beth i'w Roi[ {set ddata: 'Set ddata gyda gostyngiadau', colofn:' Disgownt', teitl: 'Dewiswch ddisgownt'} ] gostyngiad |
Gan fod fformatio amodol yn cael ei drin mewn templedi' HTML, gadewch i ni agor cod HTML y tabl hwn yn gyntaf:
- Agorwch y patrymlun o ddiddordeb a gwasgwch Golygu :
- Dod o hyd i'r Gweld HTML eicon ( ) ar far offer y templed:
- Gweler yr HTML gwreiddiol a gaiff ei addasu sawl gwaith:
Os ydych chi'n pendroni am y lliwiau a'u cysylltiad â chyfraddau disgownt, fe roddaf awgrym ichi :) Set ddata! Dim syniad beth ydyw? Yna cymerwch saib bach a darllenwch fy nhiwtorial templedi Fillable Outlook yn gyntaf.
Dyma'r set ddata wreiddiol y byddaf yn ei defnyddio ar y dechrau a gwella ychydig mewn ychydig o benodau:
| Gostyngiad | Cod lliw |
| 10% | #00B0F0 |
| 15 % | #00B050 |
| 20% | #FFC000 |
| 25% | #4630A0 |
Pan fydd angen i mi adfer y cod lliw angenrheidiol o'r tabl hwn, byddaf yn defnyddio'r macro canlynol:
~%WhatToEnter[{set ddata:'Set ddata gyda gostyngiadau', colofn:'Cod lliw'}]Gan fod yr holl hanfodion wedi'u cynnwys, gadewch i ni ddechrau newid lliwiau :)
Diweddaru lliw ffin un cell
I liwio ffiniau cell sengl mewn tabl, yn gyntaf gadewch i ni ddod o hyd i'w linell yn HTML y templed a chael golwg agosach ar ei gydrannau:
- Mae “ style= ” yn cynrychioli set o baramedrau sylfaenol cell.
- "lled: 32%; ffin: 1px solid #aeabab ” yw lled, lliw ac arddull y gell a'r ffin.
- “~% Disgownt WhatToEnter[]” yw cynnwys y gell. 19>
Mae'r llinell god hon yn golygu y byddaf yn gweld cell ag ymylon llwyd 1px o arddull solet. Os byddaf yn disodli unrhyw un o'r paramedrau hynny, gall lygru ymddangosiad y tabl yn fy nhempled, h.y. bydd y ffiniau'n anweledig (er y bydd popeth yn edrych yn berffaith ar ôl ei gludo).
Byddwn wrth fy modd yn cael safon tabl mewn templed a chael ei addasu wrth gludo. Felly, rwy'n ychwanegu un briodwedd newydd gyda'r paramedrau a fydd yn disodli'r rhai gwreiddiol wrth gludo:
Gadewch i ni archwilio'r llinell HTML uchod:
- " style="border : 1px solid #aeabab;" yw'r nodwedd gyntaf. Dyna rai gwreiddiol y gellnodweddion.
- Mae “ data-set-style= ” yn baramedr arbennig a fydd yn fy helpu i ddisodli'r briodwedd uchod gyda'r set angenrheidiol o briodweddau wrth gludo.
- " border: 1px solet; border-color: ” yw'r rhan o'r ail briodoledd lle byddwn yn cymryd saib. Gweler, mae'r dechrau yn union yr un fath â'r gwreiddiol, yr un lled ffin ac arddull. Fodd bynnag, o ran y lliw (y paramedr yr wyf am ei newid), rwy'n rhoi lliw border: yn ei le a gludwch y macro WhatToEnter. Felly, yn dibynnu ar y cwymplen, bydd y cod lliw yn cael ei ddisodli gan y macro a bydd y ffin yn cael ei ail-baentio.
- “~% WhatToEnter[] discount” yw cynnwys y gell o hyd. nid oes angen unrhyw newidiadau.
Felly, bydd yr HTML llawn gyda'r gell lliw dyfodol yn edrych fel hyn:
Pan fyddwch yn gludo'r templed hwn , bydd ffin y gell wedi'i diweddaru yn cael ei lliwio yn y lliw a ddewiswyd ar unwaith:
Paentiwch ffiniau'r rhes gyfan
Nawr gadewch i ni beintio'r borderi ar y rhes gyfan o'n tabl sampl a gweld sut mae'n gweithio. Mae'r rhesymeg yn hollol yr un fath ag yn yparagraff uchod ac eithrio y bydd angen i chi ddiweddaru holl gelloedd yr ail res. Unwaith y bydd yr un addasiadau a sylwais uchod yn cael eu cymhwyso i'r rhes gyfan, mae'n cael ei beintio mewn winc wrth gludo'r templed.
Os hoffech chi gael golwg ar yr HTML parod gyda'r lliwiad ail res, dyma fe'n mynd:
Pennawd sampl 3
Newid lled ffin
Nawr, gadewch i ni geisio diweddaru nid yn unig lliw'r ffin ond hefyd ei lled. Edrychwch unwaith eto ar y briodwedd HTML sy'n disodli'r un gwreiddiol wrth ludo:
data-set-style=" border: 1 px solid; border-color:~%WhatToEnter[{setdata:' Set ddata gyda gostyngiadau', colofn:'Cod lliw'}]">~%WhatToEnter[{set ddata:'Set ddata gyda gostyngiadau', colofn:'Gostyngiad', teitl: 'Dewis disgownt'}] gostyngiadGweler y 1px paramedr? Dyma lled y borderi i'w lliwio. Gallwch ei newid â llaw i, dyweder, 2 a bydd ffiniau'r bwrdd yn mynd yn lletach ar ôl i chi ei gludo.
Fodd bynnag, fe'i gwnaf mewn ffordd arall. Byddaf yn diweddaru fy set ddata ac yn ychwanegu colofn newydd gyda lled ffiniau. Yn yr achos hwn, ar ôl i mi ddewis cyfradd bresennol i'w gludo, bydd lliw a lledwedi'i ddiweddaru.
| Gostyngiad | Cod lliw | Lled yr ymyl |
| 10%<11 | #00B0F0 | 2 |
| 15% | #00B050 | 2.5 | 20% | #FFC000 | 3 |
| 25% | #4630A0 | 3.5 |
Nawr, gadewch i ni addasu ail briodwedd pob llinell a rhoi'r darn canlynol o destun yn lle 1px :
lled ffin:~%WhatToEnter [{set ddata:'set ddata gyda gostyngiadau', colofn: 'Lled y ffin'}]Yna rwy'n ei ailadrodd ar gyfer pob un o'r tair cell yn yr ail res ac yn cael yr HTML canlynol yn y canlyniad:
Pennawd sampl 1
Unwaith y bydd y templed hwn wedi'i gadw a'i ludo, bydd y borderi glas ehangu yn ymddangos mewn e-bost:
Addasu arddull borderi mewn tabl
Yn y ch ar ôl hynny hoffwn dynnu eich sylw at baramedr arall – arddull. Bydd yr un hwn yn trin ymddangosiad ffiniau. Cyn i mi ddangos i chi sut i'w gymhwyso'n gywir, bydd angen i mi fynd yn ôl at fy set ddata a'i addasu yn unol â'm hachos presennol.
| Gostyngiad | Borderarddull |
| 10% | Datrys |
| 15% | Dwbl |
| 20% | Dotiog |
| 25% | Cromen |
Rwyf wedi cysylltu pob cyfradd ddisgownt ag arddull border ac wedi cadw'r set ddata hon ar gyfer y dyfodol. Y macro i adfer yr arddull ar gyfer fy HTML fyddai'r un isod:
~%WhatToEnter[{set data:"Set ddata gyda gostyngiadau", colofn: "Arddull Border"}]Nawr bydd angen i mi ddiweddaru'r priodoleddau ail res trwy ddisodli solid (yr arddull ddiofyn rydw i wedi bod yn ei ddefnyddio ar hyd yr amser) gyda'r macro uchod i gael y darn canlynol o god:
data-set-style = " border: 1px #aeabab; border-style: ~%WhatToEnter[{set ddata:'Set ddata gyda gostyngiadau', colofn: 'Arddull Border'}]Dyma'r HTML terfynol:
Os ydych yn copïo'r HTML hwn a'i gludo i'ch templedi, ni fydd y canlyniad yn eich cadw i aros:
Sefydlwch fformatio amodol i newid amlygiad, lliw testun, a lled border ar yr un pryd
0> Rydyn ni wedi cyrraedd y mwyaf o ddiddordebau ting part gan fy mod ar fin dangos i chi sut i gymhwyso addasiadau lluosog ar y tro. Yn gyntaf, byddaf yn diweddaru'r set ddata y byddaf yn adfer y data ohoni.Ers i mi benderfynu newid amlygiad y celloedd, lliw testun a lled ffiniau, mae angen nodi'r holl baramedrau hynny. Felly, byddai fy set ddata newydd yn edrych fel hyn:| Gostyngiad | Cod lliw | Cod cefndir | Lled y ffin |
| 10% | #00B0F0 | #DEEBF6 | 2 |
| 15 % | #00B050 | #E2EFD9 | 2.5 |
| 20% | #FFC000 | #FFF2CC | 3 |
| 25% | #4630A0 | #FBE5D5 | 3.5<11 |
Felly, os byddaf yn dewis 10%, bydd y testun angenrheidiol yn cael ei beintio mewn glas (# 00B0F0 ), bydd cefndir y celloedd a ddewiswyd yn cael eu lliwio yn bydd tôn glas golau (# DEEBF6 ) a'u ffiniau yn cael eu lledu ddwywaith.
Ond sut mae cysylltu'r set ddata hon â thabl Outlook fel ei fod yn cael ei fformatio? Rwyf wedi bod yn eich paratoi ar gyfer y dasg hon mewn 2 erthygl :) Dyma'r HTML a fydd yn ymdrin â'r holl addasiadau angenrheidiol:
Nawr gadewch i ni edrych ar yr holl addasiadau a ddefnyddiwyd:
- Pennawd sampl 1 - bydd y darn hwn yn paentio testun y pennawd mewn lliw o'r golofn “Color code”. Rhag ofn i chi deimlofel bod angen i chi adnewyddu eich cof ar y paentiad testun, cyfeiriwch at y Newid lliw ffont y testun ym mhennod tabl fy nhiwtorial blaenorol.
- data-set-style="background-color:~%WhatToEnter[ {set ddata: 'set ddata gyda gostyngiadau', colofn: 'Cod cefndir', teitl: 'Dewis disgownt'}] - mae'r rhan hon yn diweddaru'r lliw cefndir, gan gymryd ei god o golofn Cod cefndir y set ddata. Mae croeso i chi gael golwg ar y tiwtorial Amlygu celloedd os ydych chi'n teimlo bod angen disgrifiad manylach o'r achos hwn arnoch chi.
- data-set-style="border: solid #aeabab; lled ffin: ~% WhatToEnter[{set ddata:'Set data gyda gostyngiadau', colofn: 'Lled ffin'}] - gyda'r llinell HTML hon bydd lled ffiniau'n cael ei newid i'r un a nodir yn y Lled y ffin Rwyf wedi ei gynnwys yn gynharach, efallai y cewch olwg rhag ofn i chi golli rhywbeth.
Pan fyddaf yn pastio templed gyda'r priodoleddau hynny wedi'u hychwanegu, ni fydd y canlyniad yn fy nghadw i aros:<3
Mae nodyn bach yr hoffwn ei wneud cyn cau'r pwnc hwn. Tra roeddwn yn profi lliwio ffiniau mewn tablau roeddwn yn wynebu ymddygiad eithaf amwys o ffiniau mewn fersiynau ar-lein a bwrdd gwaith o Outlook. Gan fy mod ychydig yn ddryslyd, cyrhaeddais ein datblygwyr i gael eglurhad. Cawsant wybod bod gwahanol gleientiaid Outlook yn gwneud tablau mewn gwahanol ffyrdd a'r rheswm am ymddygiad o'r fath yw byg yn Outlook.
Rhoddodd ein tîm wybod am y mater hwn i
