Სარჩევი
ამ სტატიაში შეისწავლით თუ როგორ უნდა დააფორმოთ ცხრილები Outlook-ში. მე გაჩვენებთ, თუ როგორ უნდა განაახლოთ უჯრედების ტექსტის საღებავი და ფონის თქვენ მიერ არჩეული ფერით ჩამოსაშლელი სიიდან.
მომზადება
სანამ დავიწყებთ ჩვენს „ნახატის გაკვეთილს“ და ვისწავლით თუ როგორ მოვახდინოთ ცხრილების პირობითი ფორმატირება Outlook-ში, მსურს მცირე შესავალი გავაკეთო ჩვენი აპლიკაცია Outlook-ისთვის სახელწოდებით Shared Email Templates. ამ ხელსაყრელი ხელსაწყოთი თქვენ მართავთ თქვენს კორესპონდენციას Outlook-ში ისე სწრაფად და მარტივად, როგორც ადრე წარმოიდგენდით. დანამატი დაგეხმარებათ თავიდან აიცილოთ განმეორებადი ასლი-პასტები და შექმნათ ლამაზი ელფოსტა რამდენიმე დაწკაპუნებით.
ახლა დროა დავუბრუნდეთ მთავარ თემას - პირობით ფორმატირებას Outlook ცხრილებში. სხვა სიტყვებით რომ ვთქვათ, მე გაჩვენებთ როგორ გააფერადოთ უჯრედები, მათი საზღვრები და შინაარსი სასურველ ფერში. უპირველეს ყოვლისა, დარწმუნდით, რომ გახსოვთ, როგორ შექმნათ ცხრილები Outlook-ში.
რადგან მე ვაფერადებ უჯრედებს ჩამოსაშლელი სიიდან არჩეული ტონის მიხედვით, მე კიდევ ერთი წინასწარი შეთანხმება დამჭირდება. თუ გახსოვთ ჩემი სახელმძღვანელო, თუ როგორ შევქმნათ შევსებადი ელ.ფოსტის შაბლონები, თქვენ იცით, რომ ჩამოსაშლელი სიები იქმნება მონაცემთა ნაკრების დახმარებით. დაუთმეთ დრო და განაახლეთ თქვენი ცოდნა ამ თემაზე, თუ გრძნობთ, რომ დაგავიწყდათ მონაცემთა ნაკრების მართვა და მოდით გადავიდეთ.
ახლა მჭირდება მონაცემთა წინასწარ შენახვა იმ ფერებით, რომლებსაც ვაპირებ გამოიყენე (მე დავურეკემოხარული ვარ თქვენი მოსმენით!
> მონაცემთა ნაკრები ფასდაკლებით) და დაამატეთ WhatToEnterმაკრო ჩამოსაშლელი არჩევანით. ასე რომ, აქ არის ჩემი მონაცემთა ნაკრები:ფასდაკლება | ფერადი კოდი |
10% | #70AD47 |
15% | #475496 |
20% | #FF0000 |
25% | #2E75B5 |
თუ გაინტერესებთ სად მიიღოთ ეს კოდები, უბრალოდ შექმენით ცარიელი ცხრილი, გადადით მის თვისებებს და აირჩიეთ ნებისმიერი ფერი. თქვენ ნახავთ მის კოდს შესაბამის ველში, მოგერიდებათ დააკოპიროთ იგი იქიდან.
მე ვქმნი WHAT_TO_ENTER მაკროს და ვაკავშირებ მას ამ მონაცემთა ბაზასთან, რადგან მოგვიანებით დამჭირდება:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',სათაური: აირჩიეთ ფასდაკლება'}]ეს პატარა მაკრო დამეხმარება ფასდაკლების ჩამოსაშლელი მენიუს არჩევაში. როგორც კი ასე მოვიქცევი, ჩემი მაგიდის საჭირო ნაწილი შეიღებება.
მესმის, რამდენად გაუგებარია ეს ახლა, ამიტომ არ დაგტოვებთ ამ გაუგებრობას და დავიწყებ ტექსტის ფერის შეცვლას ან მონიშნეთ უჯრედი. მე გამოვიყენებ საბაზისო ნიმუშებს, რათა თქვენ შეგეძლოთ მიიღოთ იდეა და გაიმეოროთ ეს პროცედურა თქვენივე მონაცემებით.
მოდით, დავიწყოთ.
შეცვალეთ ტექსტის შრიფტის ფერი ცხრილში
დავიწყოთ ცხრილში ტექსტის დაჩრდილვით. მე მოვამზადე შაბლონი ცხრილის ნიმუშით ჩვენი ფერწერის ექსპერიმენტებისთვის:
ჩემი მიზანია ტექსტის დახატვა შესაბამის ფერში ჩამოსაშლელი არჩევანის მიხედვით. სხვა სიტყვებით რომ ვთქვათ, მსურს ჩასვა შაბლონი, ჩამოსაშლელი სიიდან ავირჩიო საჭირო ფასდაკლების ტარიფი და ეს ჩასმული ტექსტი გაფერადდება. რა ფერში? გადაახვიეთ მომზადების ნაწილში მონაცემთა ნაკრებისკენ, დაინახავთ, რომ თითოეულ ფასდაკლების განაკვეთს აქვს საკუთარი ფერის კოდი. ეს არის სასურველი ფერი, რომელიც უნდა იქნას გამოყენებული.
რადგან მსურს ფასდაკლება დაემატოს ჩამოსაშლელი სიიდან, უნდა ჩავსვა WhatToEnter მაკრო ამ უჯრედში. ფიქრობთ, რომ გჭირდებათ მეხსიერების განახლება ამ თემაზე? დაუთმეთ ერთი წუთი და გაეცანით ჩემს ერთ-ერთ წინა გაკვეთილს ;)
ასე რომ, შედეგად მიღებული ცხრილი ასე გამოიყურება:
სათაურის ნიმუში 1 | სათაურის ნიმუში 2 | სათაურის ნიმუში 3 |
~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select ფასდაკლება'} ] ფასდაკლება |
იხილეთ, ფასდაკლების განაკვეთი დაემატება ჩამოსაშლელი სიიდან და სიტყვა „ფასდაკლება“ მაინც იქ იქნება.
მაგრამ როგორ დავაყენო თარგი ისე, რომ ტექსტი შეიღებოს შესაბამის ფერში? საკმაოდ მარტივად, უბრალოდ, ცოტათი უნდა განაახლო შაბლონის HTML. დავასრულოთ თეორიული ნაწილი და გადავიდეთ პრაქტიკაზე.
შეღებეთ მთელი ტექსტი ცხრილის უჯრედში
პირველ რიგშიგამორთულია, ვხსნი ჩემი შაბლონის HTML კოდს და ყურადღებით ვამოწმებ:
აი, როგორ გამოიყურება ჩემი შაბლონი HTML-ში:
შენიშვნა. შემდგომ მე გამოვაქვეყნებ ყველა HTML კოდს ტექსტის სახით, რათა შეგეძლოთ მათი კოპირება თქვენს შაბლონებში და შეცვალოთ ისე, როგორც გსურთ.
მოდით, ზედმიწევნით გადავხედოთ ზემოთ მოცემულ HTML-ს. პირველი ხაზი არის ცხრილის საზღვრის თვისებები (სტილი, სიგანე, ფერი და ა.შ.). შემდეგ მიდის პირველი რიგი
მე მაინტერესებს მეორე რიგის პირველი ელემენტი ჩემი WHAT_TO_ENTER. შეღებვა განხორციელდება კოდის შემდეგი ნაწილის დამატებით:
TEXT_TO_BE_COLOREDმე მას ნაწილებად დავყოფ და თითოეულ მათგანს დავაზუსტებ:
- COLOR პარამეტრი ამუშავებს ფერწერას. თუ მას ჩაანაცვლებთ, ვთქვათ, „წითლით“, ეს ტექსტი გახდება წითელი. თუმცა, რადგან ჩემი ამოცანაა ფერის არჩევა ჩამოსაშლელი სიიდან, მე დავუბრუნდები მომზადებას წამით და იქიდან ავიღებ ჩემს მომზადებულ WhatToEnter მაკროს: ~%WhatToEnter[{dataset: 'მონაცემთა ნაკრები ფასდაკლებით', სვეტი:' ფასდაკლება', სათაური: აირჩიეთ ფასდაკლება'}]
- TEXT_TO_BE_COLORED არის ტექსტი, რომელიც უნდა იყოს დაჩრდილული. ჩემს კონკრეტულ მაგალითში, ეს იქნება „ ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] ფასდაკლება “ (დააკოპირეთ ეს ნაწილი პირდაპირორიგინალური HTML კოდი, რათა თავიდან იქნას აცილებული მონაცემების კორუფცია).
აქ არის კოდის ახალი ნაწილი, რომელსაც ჩავსვამ ჩემს HTML-ში:
შენიშვნა. თქვენ შეიძლება შეამჩნიეთ, რომ "სვეტის" პარამეტრი განსხვავდება ამ ორ მაკროში. ეს იმიტომ ხდება, რომ მე უნდა დავაბრუნო მნიშვნელობა სხვადასხვა სვეტიდან, ანუ სვეტი:'ფერადი კოდი' დააბრუნებს ფერს, რომელიც დახატავს ტექსტს, ხოლო სვეტი:'ფასდაკლება' - ფასდაკლებას. საკანში ჩასმის მაჩვენებელი.
იბადება ახალი კითხვა – HTML-ის რომელ ადგილას უნდა განვათავსო? ზოგადად რომ ვთქვათ, ამ ტექსტმა უნდა შეცვალოს TEXT_TO_BE_COLORED. ჩემს ნიმუშში, ეს იქნება მეორე რიგის (სვეტის) პირველი სვეტი (
როდესაც შევინახავ ცვლილებებს და ჩავსვამ ამ განახლებულ შაბლონს, ამომხტარი ფანჯარა მთხოვს ფასდაკლების არჩევას. მე ვირჩევ 10%-ს და ჩემი ტექსტი მაშინვე მწვანედ იღებება.
უჯრედის შინაარსის ნაწილის დაჩრდილვა
უჯრედის მხოლოდ ნაწილის შეღებვის ლოგიკაშინაარსი ძირითადად ერთი და იგივეა – თქვენ ცვლით მხოლოდ შესაღებ ტექსტს წინა თავში მოცემული კოდით, ტოვებთ ტექსტის დანარჩენს.
ამ მაგალითში, თუ მჭირდება მხოლოდ პროცენტის გაფერადება. (სიტყვის „ფასდაკლების“ გარეშე), გავხსნი HTML კოდს, ვირჩევ იმ ნაწილს, რომელიც არ საჭიროებს შეღებვას (ჩვენს შემთხვევაში „ფასდაკლება“) და გადავიტან ტეგიდან:
In თუ თქვენ თავიდანვე აკეთებთ შეღებვის სამზადისს, უბრალოდ გაითვალისწინეთ, რომ მომავალი ფერის ტექსტი მიდის TEXT_TO_BE_COLORED -ის ნაცვლად, დანარჩენი რჩება დასრულების შემდეგ. აქ არის ჩემი განახლებული HTML:
ხედავ? მე მოვათავსე ჩემი უჯრედის შინაარსის მხოლოდ ნაწილი ტეგებში, ამიტომ მხოლოდ ეს ნაწილი იქნება ფერადი ჩასმისას.
გამოიყენეთ პირობითი ფორმატირება ცხრილის უჯრედებზე
ახლა მოდით ცოტათი შევცვალოთ დავალება და შევეცადოთ გამოვყოთ არა ტექსტი, არამედ მთელი უჯრედების ფონი იმავე ნიმუშის ცხრილში.
მონიშნეთ ერთი უჯრედი
რადგან ერთი და იგივე ცხრილის შეცვლას ვაპირებ, არ გავიმეორო ჩემი თავი და ამ თავშიც არ ჩავსვა ორიგინალური ცხრილის HTML კოდი. გადაახვიეთ ოდნავ ზემოთ ან გადადით პირდაპირ პირველ მაგალითზეეს ტუტორიალი უფერული ცხრილის უცვლელი კოდის სანახავად.
თუ მსურს უჯრედის ფონის დაჩრდილვა ფასდაკლებით, ასევე დამჭირდება ცოტათი შეცვალო HTML, მაგრამ მოდიფიკაცია განსხვავდება ტექსტის შეღებვა. მთავარი განსხვავება ისაა, რომ ფერი უნდა იყოს გამოყენებული არა ტექსტზე, არამედ მთელ უჯრედზე.
აღსანიშნავი უჯრედი ასე გამოიყურება HTML ფორმატში:
როგორც მე მინდა გამოვყო უჯრედი, ცვლილებები უნდა იქნას გამოყენებული უჯრედის ატრიბუტზე და არა ტექსტზე. მე გავყოფ ზემოთ მოცემულ ხაზს ნაწილებად, დავაზუსტებ თითოეულ მათგანს და მივუთითებ იმ ნაწილებს, რომლებიც უნდა შეიცვალოს:
- “style=” ნიშნავს, რომ რიგის უჯრედს აქვს შემდეგი სტილის თვისებები. სწორედ აქ ვიღებთ ჩვენს პირველ შესვენებას. როგორც მე უნდა დავაყენო მორგებული ფონის ფერი, მე ვცვლი სტილს data-set-style .
- "width: 32.2925%; საზღვარი: 1px მყარი შავი;" - ეს არის ნაგულისხმევი სტილის თვისებები, რაც ზემოთ ვგულისხმობდი. მე უნდა დავამატო კიდევ ერთი არჩეული უჯრედის ფონის მოსარგებად: ფონის ფერი . ვინაიდან ჩემი მიზანია ავირჩიო გამოსაყენებელი ფერი ჩამოსაშლელი სიიდან, ვუბრუნდები ჩემს მომზადებას და იქიდან ვიღებ მზა WhatToEnter-ს.
რჩევა. თუ გსურთ უჯრედი ერთ ფერში იყოს შეღებილი და არ გსურთ ჩამოსაშლელი სია ყოველ ჯერზე შეგაწუხოთ,უბრალოდ შეცვალეთ მაკრო ფერის სახელით (მაგალითად, „ლურჯი“). ეს ასე გამოიყურება: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] ფასდაკლება
- „ ~%WhatToEnter[] ფასდაკლება “ არის უჯრედის კონტენტი.
მაშ ასე, აქ არის განახლებული HTML გარეგნობა:
ცხრილის დანარჩენი ნაწილი რჩება როგორც არის. აქ მიდის მიღებული HTML, რომელიც მონიშნავს უჯრედს პროცენტული მაჩვენებლით:
როდესაც ამ ცვლილებას შევინახავ და განახლებულ ცხრილს ელფოსტაში ჩავსვამ, მივიღებ ჩამოსაშლელ სიას ფასდაკლებით და პირველი უჯრედი იქნება გამოკვეთილი, როგორც დაგეგმილია.
მთელი მწკრივის შეღებვა
როდესაც ერთი უჯრედი არ არის საკმარისი, მე ვხატავ მთელ რიგს :) შეიძლება ფიქრობთ, რომ ზემოთ სექციიდან ყველა უჯრედისთვის დაგჭირდებათ ნაბიჯების გამოყენება რიგი. მე ვიჩქარებ, რომ გაგიცრუოთ, პროცედურა ოდნავ განსხვავდება.
ზემოთ ინსტრუქციებში მე გაჩვენეთ, როგორ განაახლოთ უჯრედის ფონი ამ უჯრედის HTML ნაწილის შეცვლით. მას შემდეგ, რაც მე ვაპირებ მთლიანად გადაღებასმწკრივში, მე უნდა ავიღო მისი HTML ხაზი და მასზე პირდაპირ გამოვიყენო ცვლილებები.
ახლა ის ოფციების გარეშეა და ჰგავს . მჭირდება რომ დაამატოთ data-set-style= და ჩასვათ ჩემი WHAT_TO_ENTER იქ. შედეგად, სტრიქონი გამოიყურება როგორც ქვემოთ:
ამგვარად, ცხრილის მთელი HTML შესაღებ უჯრედთან ერთად ასე გამოიყურება:
შეგიძლიათ დააკოპიროთ ეს HTML თქვენი საკუთარი შაბლონებისთვის, რათა დარწმუნდეთ, რომ ის მუშაობს ისე, როგორც მე აღვწერე. გარდა ამისა, ენდეთ ქვემოთ მოცემულ ეკრანის სურათს :)
შეჯამება
ეს არის ყველაფერი, რისი თქმაც მინდოდა დღეს Outlook ცხრილებში პირობითი ფორმატირების შესახებ. მე გაჩვენე, თუ როგორ უნდა შეცვალოთ უჯრედების „შინაარსის“ ფერი და გამოვყოთ მათი ფონი. იმედია მოვახერხე დაგარწმუნოთ, რომ შაბლონის HTML-ის შეცვლაში განსაკუთრებული და რთული არაფერია და თქვენ ჩაატარებთ რამდენიმე ფერწერის ექსპერიმენტს ;)
FYI, ინსტრუმენტი შეიძლება დაინსტალირდეს Microsoft Store-დან თქვენს PC, Mac ან Windows ტაბლეტი და გამოიყენება ყველა თქვენს მოწყობილობაზე ერთდროულად.
თუ გაქვთ რაიმე შეკითხვა ან, შესაძლოა, შემოთავაზება ცხრილების ფორმატირებასთან დაკავშირებით, გთხოვთ, შემატყობინოთ კომენტარებში. Მე ვიქნები