Edukien taula
Artikulu honetan Outlook-en taulak baldintzapean formateatzen ikasiko duzu. Gelaxken testua eta atzeko planoa nola eguneratu erakutsiko dizut goitibeherako zerrendan aukeratzen duzun kolorearekin.
Prestaketa
Gure “marrazketa ikasgaia” hasi baino lehen eta Outlook-en taulak baldintzapean formateatzen ikasi aurretik, sarrera txiki bat egin nahiko nuke. Shared Email Templates izeneko Outlook-erako gure aplikazioa. Tresna erabilgarri honekin zure korrespondentzia Outlook-en kudeatuko duzu lehen imajinatu bezain azkar eta erraz. Gehigarriak kopia-itsatsi errepikakorrak saihesten lagunduko dizu eta itxura polita duten mezu elektronikoak klik gutxi batzuetan sortzen lagunduko dizu.
Orain garaia da gure gai nagusira itzultzeko: Outlook-eko tauletako baldintzapeko formatua. Beste era batera esanda, zelulak, haien ertzak eta edukia nahi duzun kolorean nola margotu erakutsiko dizut. Lehenik eta behin, ziurtatu Outlook-en taulak nola sortu gogoratzen duzula.
Goitibeherako zerrendatik aukeratzen dudan tonuaren arabera margotuko ditudan gelaxkak margotuko ditudanez, aurre-antolamendu bat gehiago egin beharko dut. Bete daitezkeen mezu elektronikoen txantiloiak sortzeko nire tutoriala gogoratzen baduzu, badakizu goitibeherako zerrendak datu multzoen laguntzarekin sortzen direla. Hartu une bat gai honi buruzko ezagutzak eguneratzeko datu-multzoak nola kudeatu ahaztu duzula iruditzen bazaizu eta aurrera goazen.
Orain datu-multzo bat aurrez gorde behar dut joango naizen koloreekin. erabili (deitzen nionpozik zure berri izateaz!
Datu-multzoa deskontuekin) eta gehitu WhatToEntermakroa goitibeherako hautapenarekin. Beraz, hona hemen nire datu multzoa:Deskontua | Kolore kodea |
%10 | #70AD47 |
%15 | #475496 |
%20 | #FF0000 |
%25 | #2E75B5 |
Kode horiek non lortu galdetzen baduzu, sortu taula huts bat, joan bere Propietateak eta aukeratu edozein kolore. Bere kodea dagokion eremuan ikusiko duzu, lasai kopiatu bertatik.
WHAT_TO_ENTER makroa sortzen dut eta datu-multzo honetara konektatzen dut geroago beharko dudanez:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Deskontua',title: Hautatu deskontua'}]Makro txiki honek deskontuen goitibeherako aukera lortzen lagunduko dit. Hori egiten dudanean, nire taularen beharrezko zatia margotuko da.
Ulertzen dut orain zein ez den argia izan daitekeen, beraz ez zaitut utziko gaizki-ulertu honekin eta testuaren kolorea nola aldatu erakusten hasiko naiz. edo nabarmendu gelaxka bat. Oinarrizko laginak erabiliko ditut ideia jaso eta prozedura hau zure datuekin erreproduzitu dezazun.
Hasi gaitezen.
Aldatu taulako testuaren letra-tipoaren kolorea
Has gaitezen taulako testu batzuk itzaltzen. Lagin-taula batekin txantiloi bat prestatu dut gure pintura-esperimentuetarako:
Nire helburua goitibeherako hautapenaren arabera testua dagokion kolorean margotzea da. Beste era batera esanda, txantiloi bat itsatsi nahi dut, goitibeherako zerrendatik beharrezko deskontu tasa aukeratu eta itsatsitako testu hau koloreztatu egingo da. Zein koloretan? Joan gora prestaketa zatiko datu-multzora, deskontu-tasa bakoitzak bere kolore-kode propioa duela ikusiko duzu. Hau da erabili behar den kolorea.
Deskontua goitibeherako zerrendatik gehitzea nahi dudanez, ZerSartu makroa itsatsi behar dut gelaxka honetan. Gai honi buruz memoria freskatu behar duzula iruditzen zaizu? Hartu une bat nire aurreko tutorialetako bat ikusteko ;)
Beraz, emaitza taulak itxura hau izango du:
Laginaren goiburua 1 | Laginaren goiburua 2 | Laginaren goiburua 3 |
~%WhatToEnter[ {dataset:'Datu-multzoa deskontuekin', zutabea:'Deskontua', izenburua:'Hautatu deskontua'} ] deskontua |
Ikus, beherapen-tasa goitibeherako zerrendatik gehituko da eta "deskontu" hitza hala ere hor egongo da.
Baina nola konfigura dezaket txantiloia testua dagokion kolorean margotu dadin? Nahiko erraz benetan, txantiloiaren HTML apur bat eguneratu beharko dut. Amai dezagun teoria zatia eta mugi dezagun eskuinera praktikara.
Margotu testu guztia taulako gelaxkan
Lehenengodesaktibatuta, nire txantiloiaren HTML kodea irekitzen dut eta arretaz begiratzen dut:
Hona hemen nire txantiloiak HTMLn nola dagoen:
Oharra. Aurrerago HTML kode guztiak testu gisa argitaratuko ditut, zure txantiloietan kopiatu eta nahi duzun moduan alda ditzazun.
Ikusi diezaiogun oso gertutik goiko HTMLari. Lehenengo lerroa taularen ertzaren propietateak dira (estiloa, zabalera, kolorea, etab.). Ondoren, lehenengo errenkada
Bigarren errenkadako lehen elementua interesatzen zait nire ZER_SARTU_NIRE. Margotzea hurrengo kode zatia gehituz egingo da:
TEXT_TO_BE_COLOREDZuei zatitan banatuko dizut eta horietako bakoitza argituko dizut:
- KOLOREA parametroak kudeatzen du pintura. Demagun, "gorri"rekin ordezkatzen baduzu, testu hau gorri bihurtuko da. Hala ere, nire zeregina goitibeherako zerrendatik kolore bat aukeratzea denez, segundo batez prestaketara itzuliko naiz eta hortik prestatutako WhatToEnter makroa hartuko dut: ~%WhatToEnter[{dataset: 'Datu-multzoa deskontuekin', zutabea: 'Deskontua', izenburua: Hautatu deskontua'}]
- TEXT_TO_BE_COLORED da itzalduta egon behar den testua. Nire adibide zehatzean, " ~%WhatToEnter[{dataset:'Datu-multzoa deskontuekin', zutabea:'Deskontua',title:'Hautatu deskontua'}] deskontua " izango litzateke (kopiatu pieza hau hemendik zuzeneanjatorrizko HTML kodea datuak usteltzea ekiditeko).
Hona hemen nire HTMLan txertatuko dudan kode berria:
Oharra. Baliteke bi makro horietan "zutabea" parametroa desberdina dela konturatu izana. Zutabe ezberdinetako balioa itzuli behar dudalako da, hau da, zutabea:'Kolore kodea' -k testua margotuko duen kolorea itzuliko du zutabea:'Deskontua' bitartean - deskontua. gelaxka batean itsatsitako tasa.
Galdera berri bat sortzen da: HTML-aren zein lekutan jarri behar dut? Orokorrean hitz eginez, testu honek TEXT_TO_BE_COLORED ordezkatu beharko luke. Nire laginean, bigarren errenkadaren (zutabea) lehen zutabea (
Aldaketak gorde eta txantiloi eguneratu hau itsatsi ondoren, pop-up leiho batek deskontua aukeratzeko eskatuko dit. %10 hautatzen dut eta nire testua berdez margotzen da berehala.
Zelularen edukiaren zati bat itzala
Zelularen zati bat bakarrik margotzeko logika.edukia, funtsean, berdina da: koloreztatu beharreko testua bakarrik ordezkatzen duzu aurreko kapituluko kodearekin, gainerako testua bere horretan utziz.
Adibide honetan, ehunekoa bakarrik margotu behar badut. ("deskontu" hitzik gabe), HTML kodea irekiko dut, koloreztatu behar ez den zatia hautatuko dut ("beherapena" gure kasuan) eta etiketatik aterako dut:
In Margotzeko prestaketak hasiera-hasieratik egiten ari bazara, kontuan izan etorkizuneko koloretako testua TEXT_TO_BE_COLORED ren ordez doala, gainerakoa amaieraren ondoren geratzen dela. Hona hemen nire HTML berritua:
Ikusten? Nire zelularen edukiaren zati bat besterik ez dut jarri etiketen barruan, beraz, zati hau bakarrik koloreztatuko da itsatsitakoan.
Aplikatu baldintzazko formatua taulako gelaxketan
Orain zeregina pixka bat aldatu eta saiatu gaitezen testua ez, baina gelaxka osoen atzeko planoa lagin-taula berean nabarmentzen.
Nabarmendu gelaxka bat
Taula bera aldatzen ari naizenez, ez dut errepikatuko eta kapitulu honetan jatorrizko taularen HTML kodea ere itsatsiko dut. Joan pixka bat gora edo joan eskuinera lehen adibideratutorial hau kolorerik gabeko taularen kodea ikusteko.
Gelaren atzeko planoa deskontuarekin itzaldu nahi badut, HTML-a ere pixka bat aldatu beharko dut, baina aldaketa desberdina izango da. testuaren koloreztatzea. Desberdintasun nagusia da kolorea ez testuari aplikatu behar zaiola, baizik eta gelaxka osoari.
Nabarmendu beharreko gelaxkaren itxura hori du HTML formatuan:
Geula bat nabarmendu nahi dudanez, aldaketak gelaxka-atributuan aplikatu behar dira, ez testura. Goiko lerroa zatika apurtuko dut, horietako bakoitza argitu eta aldatu behar diren atalak adieraziko ditut:
- “style=” errenkadaren gelaxkak duela esan nahi du. ondorengo estilo propietateak. Hemen hartzen dugu gure lehen atsedenaldia. Atzeko planoko kolore pertsonalizatua ezarri nahi dudanez, style aldatzen dut data-set-style -ra.
- "zabalera: %32,2925; ertza: 1px beltz solidoa;" - horiek dira goian esan nahi dudan estilo-propietate lehenetsiak. Beste bat gehitu behar dut aukeratutako gelaxkaren atzeko planoa pertsonalizatzeko: background-color . Nire helburua goitibeherako zerrenda batetik erabili beharreko kolorea aukeratzea denez, nire prestaketara itzuli eta hortik ZerToEnter prest hartzen dut.
Aholkua. Gelaxka kolore bakarrean margotu nahi baduzu eta goitibeherako zerrendak aldi bakoitzean gogaitu nahi ez baduzu,ordezkatu makro bat kolore-izenarekin ("urdina", adibidez). Honela izango da: ~%WhatToEnter[{dataset:'Dataset with deskontuekin',column:'Deskontua',title:'Hautatu deskontua'}] deskontua
- “ ~%WhatToEnter[] discount ” da gelaxkaren edukia.
Beraz, hona hemen eguneratutako HTML itxura:
Taularen gainerakoa bere horretan geratzen da. Hona hemen gelaxka ehunekoarekin nabarmenduko duen ondoriozko HTMLa:
Aldaketa hau gorde eta eguneratutako taula mezu elektroniko batean itsatsi dudanean, goitibeherako zerrenda jasoko dut deskontuekin eta lehen gelaxka nabarmenduko da aurreikusi bezala.
Margotu errenkada osoa
Gelula bat nahikoa ez denean, errenkada osoa margotzen dut :) Pentsa dezakezu goiko ataleko urratsak aplikatu beharko dituzula gelaxka guztietan. errenkada bat. Presa egingo zaitut etsitzera, prozedura apur bat desberdina izango da.
Goiko argibideetan gelaxken atzeko planoa nola eguneratu erakutsi dizut gelaxka honen HTML pieza aldatuz. Oraingoz osoa berriro margotzekotan nagoerrenkadan, bere HTML lerroa hartu eta aldaketak zuzenean aplikatu beharko ditut.
Orain aukerarik gabe dago eta itxura du. Beharko dut data-set-style= gehitzeko eta nire WHAT_TO_ENTER itsatsi hortik. Ondorioz, lerroak beheko itxura izango du:
Horrela, margotu beharreko gelaxka duen taularen HTML osoa honela izango da:
Zure txantiloietarako HTML hau kopiatu aske, deskribatzen dudan moduan funtzionatzen duela ziurtatzeko. Bestela, fidatu beheko pantaila-argazkian :)
Laburbildu
Hori da gaur Outlook-eko tauletako baldintzapeko formatuari buruz esan nahi dizudan guztia. Gelaxken edukiaren kolorea nola aldatu eta haien atzeko planoa nola nabarmendu erakutsi nizuen. Espero dut konbentzitzea ez dagoela ezer berezi eta zaila txantiloiaren HTMLa aldatzean eta zuk zeuk margotzeko esperimentu batzuk egingo dituzula ;)
Kontuan izan, tresna Microsoft Store-tik instalatu daiteke zure gunean. PC, Mac edo Windows tableta eta zure gailu guztietan aldi berean erabiltzen da.
Taulen formateari buruzko galderarik edo, agian, iradokizunik baduzu, jakinarazi iezadazu Iruzkinetan. izango naiz