Ehdollinen muotoilu Outlook-taulukoissa

  • Jaa Tämä
Michael Brown

Tässä artikkelissa opit, miten ehdollisesti muotoilla taulukoita Outlookissa. Näytän sinulle, miten päivittää solujen tekstin maali. ja tausta pudotusvalikosta valitsemallasi värillä.

    Valmistelu

    Ennen kuin aloitamme "piirustustunnin" ja opettelemme, kuinka muotoilla taulukoita ehdollisesti Outlookissa, haluaisin tehdä pienen esittelyn sovelluksestamme Outlookiin nimeltä Jaetut sähköpostimallien mallit. Tämän kätevän työkalun avulla hallitset kirjeenvaihtoa Outlookissa niin nopeasti ja helposti kuin ennen vain osasit kuvitella. Lisäosa auttaa sinua välttämään toistuvia copy-paste-taulukoita ja luomaan mukavan näköisiä sähköposteja vuonnamuutamalla klikkauksella.

    Nyt on korkea aika palata pääaiheeseemme - ehdolliseen muotoiluun Outlook-taulukoissa. Toisin sanoen, näytän sinulle, miten voit värittää soluja, niiden reunoja ja sisältöä haluamallasi värillä. Varmista ensin, että muistat, miten taulukoita luodaan Outlookissa.

    Koska väritän solut sen sävyn perusteella, jonka valitsen pudotusvalikosta, minun on tehtävä vielä yksi ennakkojärjestely. Jos muistat opetusohjelmani siitä, miten luodaan täytettäviä sähköpostimalleja, tiedät, että pudotusvalikoita luodaan tietokokonaisuuksien avulla. Päivitä hetkeksi tietosi tästä aiheesta, jos sinusta tuntuu, että olet unohtanut tietokokonaisuuksien hallinnan, ja siirrymme eteenpäin.

    Nyt minun on tallennettava datasetti, jossa on käytettävät värit (kutsuin sitä nimellä Tietokanta, jossa on alennuksia ) ja lisää WhatToEnter makro pudotusvalinnan kanssa. Tässä on siis tietokokonaisuuteni:

    Alennus Värikoodi
    10% #70AD47
    15% #475496
    20% #FF0000
    25% #2E75B5

    Jos mietit, mistä saat nämä koodit, luo tyhjä taulukko, siirry sen kohtaan Ominaisuudet ja valitse mikä tahansa väri. Näet sen koodin vastaavassa kentässä, voit kopioida sen suoraan sieltä.

    Luon WHAT_TO_ENTER-makron ja liitän sen tähän tietokokonaisuuteen, koska tarvitsen sitä myöhemmin:

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

    Tämä pieni makro auttaa minua saamaan alennuksen pudotusvalikosta valittavaksi. Kun olen tehnyt niin, taulukkoni tarvittava osa maalataan.

    Ymmärrän, miten epäselvältä se saattaa näyttää, joten en jätä sinua tähän väärinkäsitykseen ja alan näyttää, miten tekstin väriä muutetaan tai solua korostetaan. Käytän perusnäytteitä, jotta saat idean ja voit toistaa tämän menettelyn omilla tiedoillasi.

    Aloitetaan.

    Vaihda tekstin fontin väri taulukossa

    Aloitetaan varjostamalla taulukon tekstiä. Olen laatinut mallin, jossa on esimerkkitaulukko maalauskokeilujamme varten:

    Näyteotsikko 1 Näyteotsikko 2 Näyteotsikko 3 [Diskonttokorko merkitään tähän]

    Tavoitteeni on maalata teksti vastaavalla värillä riippuen pudotusvalinnasta. Toisin sanoen haluan liittää mallin, valita pudotusvalikosta tarvittavan alennuskoron ja tämä liitetty teksti väritetään. Millä värillä? Vieritä valmisteluosassa olevaan datasetiin, näet, että jokaisella alennuskorolla on oma värikoodinsa. Tämä on haluttu väri, jonka pitäisi ollakäytetty.

    Koska haluan, että alennus lisätään pudotusvalikosta, minun täytyy liittää WhatToEnter-makro tähän soluun. Tuntuu siltä, että sinun täytyy virkistää muistia tästä aiheesta? Ota hetki aikaa ja tutustu yhteen aiemmista opetusohjelmistani ;)

    Tuloksena oleva taulukko näyttää siis tältä:

    Näyteotsikko 1 Näyteotsikko 2 Näyteotsikko 3
    ~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] alennus

    Alennus lisätään pudotusvalikosta, ja sana "alennus" on siellä joka tapauksessa.

    Mutta miten voin asettaa mallin niin, että teksti maalataan vastaavalla värillä? Itse asiassa melko helposti, minun täytyy vain päivittää mallin HTML-ohjelmaa hieman. Lopetetaan teoriaosuus ja siirrytään suoraan käytäntöön.

    Väritä kaikki teksti taulukon solussa

    Ensin avaan mallini HTML-koodin ja tarkistan sen huolellisesti:

    Tässä on, miltä mallini näyttää HTML-muodossa:

    Huomautus: jatkossa julkaisen kaikki HTML-koodit tekstinä, jotta voit kopioida ne omiin malleihisi ja muokata niitä haluamallasi tavalla.

    Katsotaanpa yllä olevaa HTML:ää erittäin tarkasti. Ensimmäinen rivi on taulukon reunuksen ominaisuudet (tyyli, leveys, väri jne.). Sitten tulee ensimmäinen rivi. (3 taulukon tietosolun elementtiä 3 sarakkeelle) ja niiden attribuutit. Sitten näemme toisen rivin koodin.

    Olen kiinnostunut toisen rivin ensimmäisestä elementistä WHAT_TO_ENTER-merkinnällä. Väritys tehdään lisäämällä seuraava koodinpätkä:

    TEXT_TO_BE_COLORED

    Jaan sen sinulle osiin ja selvitän jokaisen niistä:

    • The VÄRI parametri käsittelee maalausta. Jos korvaat sen vaikkapa "punaisella", tekstistä tulee punainen. Koska tehtäväni on kuitenkin valita väri pudotusvalikosta, palaan hetkeksi valmisteluun ja otan valmistelemani WhatToEnter makro sieltä: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title: Valitse alennus'}]
    • TEXT_TO_BE_COLORED on teksti, joka on tummennettava. Minun esimerkissäni se olisi " ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] alennus " (kopioi tämä osa suoraan alkuperäisestä HTML-koodista, jotta tiedot eivät vahingoitu).

    Tässä on uusi koodinpätkä, jonka lisään HTML-koodiini:

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

    Huomautus: Olet ehkä huomannut, että parametri "column" on erilainen näissä kahdessa makrossa. Se johtuu siitä, että minun on palautettava arvo eri sarakkeista, esim. sarake:'Värikoodi' palauttaa värin, jolla teksti maalataan, kun taas sarake:'Alennus' - diskonttokorko soluun liittämistä varten.

    Herää uusi kysymys - mihin kohtaan HTML-koodia tämä teksti pitäisi sijoittaa? Yleisesti ottaen tämän tekstin pitäisi korvata TEXT_TO_BE_COLORED. Minun esimerkissäni se olisi ensimmäinen sarake ( ) toisella rivillä (sarakkeessa). Korvaan siis WTE-makron ja sanan "alennus" yllä olevalla koodilla ja saan seuraavan HTML-muodon:

    Näyteotsikko 1

    Näyteotsikko 2

    Näyteotsikko 3

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

    Kun tallennan muutokset ja liimaan tämän päivitetyn mallin, ponnahdusikkuna pyytää minua valitsemaan alennuksen. Valitsen 10 %, ja tekstini saa heti vihreän värin.

    Varjostaa osan solun sisällöstä

    Logiikka, jolla värjätään vain osa solun sisällöstä, on periaatteessa sama - korvataan vain värjättävä teksti edellisen luvun koodilla ja jätetään muu teksti ennalleen.

    Tässä esimerkissä, jos haluan värittää vain prosenttiosuuden (ilman sanaa "alennus"), avaan HTML-koodin, valitsen osan, jota ei tarvitse värittää ("alennus" tässä tapauksessa) ja siirrän sen pois tagista:

    Jos teet väritysvalmistelut alusta alkaen, pidä mielessä, että tuleva värillinen teksti tulee tilalle TEXT_TO_BE_COLORED , loput jäävät lopun jälkeen. Tässä on uudistettu HTML:

    Näyteotsikko 1

    Näyteotsikko 2

    Näyteotsikko 3

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

    Näetkö? Olen sijoittanut vain osan solun sisällöstä tunnisteiden sisään, joten vain tämä osa on värillinen, kun se liitetään.

    Soveltaa ehdollista muotoilua taulukon soluihin

    Muutetaan nyt tehtävää hieman ja yritetään korostaa tekstin sijaan koko solujen taustaa samassa esimerkkitaulukossa.

    Korosta yksi solu

    Koska muokkaan samaa taulukkoa, en toista itseäni ja liitä alkuperäisen taulukon HTML-koodia myös tähän lukuun. Selaa hieman ylöspäin tai hyppää suoraan tämän ohjeen ensimmäiseen esimerkkiin nähdäksesi värittömän taulukon muuttumattoman koodin.

    Jos haluan varjostaa solun taustan alennuksella, minun on myös muutettava HTML:ää hieman, mutta muutos eroaa tekstin värityksestä. Tärkein ero on se, että väriä ei sovelleta tekstiin vaan koko soluun.

    Korostettava solu näyttää tältä HTML-muodossa:

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

    Koska haluan korostaa solua, muutokset on kohdistettava soluattribuuttiin, ei tekstiin. Pilkon yllä olevan rivin osiin, selvitän kutakin niistä ja osoitan ne osat, joita on muutettava:

    • "style=" tarkoittaa, että rivin solulla on seuraavat tyyliominaisuudet. Tässä kohtaa pidämme ensimmäisen tauon. Koska minun on tarkoitus asettaa mukautettu taustaväri, muutan tyyli osoitteeseen data-set-style .
    • "width: 32.2925%; border: 1px solid black;" - Nämä ovat oletustyyliominaisuudet, joita tarkoitin edellä. Minun on lisättävä toinen, jolla mukautetaan valitun solun taustaa: background-color . Koska tavoitteeni on valita käytettävä väri pudotusvalikosta, palaan takaisin valmisteluihini ja otan sieltä valmiin WhatToEnterin.

    Vihje. Jos haluat solun olevan maalattu yhdellä värillä etkä halua, että pudotusluettelo häiritsee sinua joka kerta, korvaa vain makro värin nimellä ("sininen", esimerkiksi). Se näyttää tältä: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] alennus

    • " ~%WhatToEnter[] alennus " on solun sisältö.

    Joten, tässä on päivitetty HTML näyttää:

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

    Loput taulukosta pysyy ennallaan. Tässä on tuloksena HTML, joka korostaa solun, jossa on prosenttimäärä:

    Näyteotsikko 1

    Näyteotsikko 2

    Näyteotsikko 3

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

    Kun tallennan tämän muutoksen ja liimaan päivitetyn taulukon sähköpostiin, saan pudotusluettelon alennuksineen ja ensimmäinen solu korostuu suunnitellusti.

    Väritä koko rivi

    Kun yksi solu ei riitä, maalaan koko rivin :) Saatat ajatella, että sinun täytyy soveltaa edellä olevan kohdan vaiheita kaikkiin rivin soluihin. Kiirehdin tuottamaan sinulle pettymyksen, menettely eroaa hieman.

    Yllä olevissa ohjeissa olen näyttänyt, miten solun taustan päivittäminen tapahtuu muuttamalla solun HTML-kappaletta. Koska nyt aion maalata koko rivin uudelleen, minun on otettava sen HTML-rivi ja tehtävä muutokset suoraan siihen.

    Nyt se on optiovapaa ja näyttää seuraavalta . Minun on lisättävä data-set-style= ja liitä minun WHAT_TO_ENTERini sinne. Tuloksena rivi näyttää seuraavalta:

    Näin ollen taulukon koko HTML-versio, jossa on maalattava solu, näyttää tältä:

    Näyteotsikko 1

    Näyteotsikko 2

    Näyteotsikko 3

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

    Voit vapaasti kopioida tämän HTML-tiedoston omiin malleihisi varmistaaksesi, että se toimii kuvaamallani tavalla. Vaihtoehtoisesti voit luottaa alla olevaan kuvakaappaukseen :)

    Yhteenveto

    Siinä kaikki, mitä halusin kertoa sinulle ehdollisesta muotoilusta Outlook-taulukoissa tänään. Näytin sinulle, miten voit muuttaa solujen sisällön väriä ja korostaa niiden taustaa. Toivottavasti onnistuin vakuuttamaan sinut siitä, että mallin HTML:n muokkaamisessa ei ole mitään erikoista ja vaikeaa, ja teet muutaman oman maalauskokeilun ;)

    Tiedoksi, että työkalu voidaan asentaa Microsoft Storesta PC:lle, Macille tai Windows-tabletille ja käyttää kaikilla laitteilla samanaikaisesti.

    Jos sinulla on kysyttävää tai ehkä ehdotuksia taulukoiden muotoilusta, kerro minulle kommentteihin. Kuulen mielelläni sinusta!

    Michael Brown on omistautunut teknologian harrastaja, jolla on intohimo yksinkertaistaa monimutkaisia ​​prosesseja ohjelmistotyökalujen avulla. Yli vuosikymmenen kokemuksella teknologia-alalta hän on hionut taitojaan Microsoft Excelissä ja Outlookissa sekä Google Sheetsissä ja Docsissa. Michaelin blogi on omistettu jakamaan tietojaan ja asiantuntemustaan ​​muiden kanssa, ja se tarjoaa helposti seurattavia vinkkejä ja opetusohjelmia tuottavuuden ja tehokkuuden parantamiseksi. Olitpa kokenut ammattilainen tai aloittelija, Michaelin blogi tarjoaa arvokkaita oivalluksia ja käytännön neuvoja, joiden avulla saat kaiken irti näistä tärkeistä ohjelmistotyökaluista.