Sisällysluettelo
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:
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.
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_COLOREDJaan 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:
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 (
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ä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:
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ää:
Loput taulukosta pysyy ennallaan. Tässä on tuloksena HTML, joka korostaa solun, jossa on prosenttimäärä:
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ä:
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!