අන්තර්ගත වගුව
Outlook හි වගුවේ මායිම්වලට කොන්දේසි සහිත හැඩතල ගැන්වීම් යෙදිය යුතු ආකාරය මෙම ලිපියෙන් ඔබට පෙනෙනු ඇත. ඒවායේ වර්ණය, පළල සහ විලාසය වෙනස් කරන්නේ කෙසේදැයි මම ඔබට පෙන්වන්නම්. එවිට මම ඔබට වරකට වෙනස් කිරීම් කිහිපයක් සිදු කරන ආකාරය සහ ඔබේ Outlook වගුව විවිධ ආකාරවලින් වර්ණ ගන්වන්නේ කෙසේදැයි කියා දෙන්නම්.
මුලින්ම, මම මෙම බ්ලොග් නවකයන් සඳහා කුඩා ශීර්ෂ සටහනක් තැබීමට කැමතියි. අද අපි සැකිලි වල කොන්දේසි සහිත හැඩතල ගැන්වීම ගැන කතා කරමු, Outlook සඳහා අපගේ හවුල් විද්යුත් තැපැල් සැකිලි ඇඩෝන භාවිතයෙන් ඒවා නිවැරදිව සකසන්නේ කෙසේදැයි මම ඔබට පෙන්වන්නම්. මෙම මෙවලම ඔබට ඔබගේ ඊමේල් වෙත පෙර-සුරකින ලද පරිපූර්ණ හැඩතල ගැන්වීමට සහ ඔබේ ලිපි හුවමාරුව ක්ලික් කිරීම් කිහිපයකින් හැකිලීමට ඔබට උදවු කළ හැක.
ඔබ දැනටමත් Outlook වගු නිබන්ධනය තුළ මගේ කොන්දේසිගත හැඩතල ගැන්වීම කියවා ඇත්නම්, ඔබ දන්නවා. සෛලවල අන්තර්ගතය සහ පසුබිම් වර්ණය වෙනස් කරන්නේ කෙසේද. කෙසේ වෙතත්, ඔබේ Outlook වගුව දීප්තිමත් කිරීමට ඔබට කළ හැකි සියල්ල එය නොවේ. අද මම ඔබට ඔබේ මේසයේ මායිම් කොන්දේසි සහිතව වර්ණ ගැන්වීමට සහ ඒවායේ පළල සහ විලාසය වෙනස් කිරීමට ක්රම පෙන්වන්නම්.
එපමනක් නොව, වෙනස් කිරීම් කිහිපයක් යෙදිය යුතු ආකාරය මම ඔබට පෙන්වා දෙන අවසාන පරිච්ඡේදයේ කුඩා ප්රසාද දීමනාවක් ඔබ බලා සිටී. ඒ සමඟම ඔබේ මේසය ජූලි 4 වැනි දින ගිනිකෙළි මෙන් වර්ණවත් හා දීප්තිමත් කරන්න ;)
සෛල මායිම් වල වර්ණය වෙනස් කරන්න
මායිම් පින්තාරු කිරීම ක්රියා කරන ආකාරය ඔබට පෙන්වීමට, මම පසුගිය සතියේ නිබන්ධනයෙන් එම සාම්පල භාවිතා කරමි. නඩුව පහත පරිදි වේ: මම ඇලවීම aමයික්රොසොෆ්ට් කණ්ඩායම, මෙම GitHub සංවාදයේදී ඔවුන්ගේ ප්රතිචාරය පරීක්ෂා කිරීමට නිදහස් වන්න :)
අවසාන සටහන
Outlook හි වගුවක් යනු සරල කළු පැහැති මායිම් පමණක් නොවන බව ඔබට ඒත්තු ගැන්වීමට මම සැබවින්ම බලාපොරොත්තු වෙමි. පෙළ. වැඩිදියුණු කිරීම් සහ නිර්මාණශීලිත්වය සඳහා ඕනෑ තරම් ඉඩ තිබේ :)
ඔබේම පින්තාරු කිරීමේ අත්හදා බැලීම් කිහිපයක් කිරීමට ඔබ තීරණය කළ විට, Microsoft Store වෙතින් බෙදාගත් විද්යුත් තැපැල් සැකිලි ස්ථාපනය කර විනෝද වන්න!
තිබේ නම් ඔබට ඉතිරිව ඇති ඕනෑම ප්රශ්නයක් Outlook වගු වල කොන්දේසි සහිත හැඩතල ගැන්වීමට උදව්වක් අවශ්ය වේ, අදහස් කොටසේ වචන කිහිපයක් තබන්න, අපි එය තේරුම් ගනිමු ;)
සැකිල්ල සහ වගුව පිරවීම සඳහා වට්ටම් අනුපාතය තෝරන්න. මගේ තේරීම අනුව, කොටුවේ මායිම් විශේෂිත වර්ණයෙන් වර්ණ ගැන්වේ.මම අද වර්ණ ගන්වන වගුව පහත එක වනු ඇත:
නියැදි ශීර්ෂකය 1 | නියැදි ශීර්ෂකය 2 | නියැදි ශීර්ෂකය 3 |
~%WhatToEnter[ {dataset:'වට්ටම් සහිත දත්ත කට්ටලය', තීරුව:' වට්ටම්', මාතෘකාව:'වට්ටම් තෝරන්න'} ] වට්ටම් |
කොන්දේසි හැඩතල ගැන්වීම සැකිලි වල HTML හි හසුරුවන බැවින්, අපි බලමු පළමුව මෙම වගුවේ HTML කේතය විවෘත කරන්න:
- උනන්දුව ඇති අච්චුව විවෘත කර Edit :
- සොයාගන්න සැකිල්ලේ මෙවලම් තීරුවේ ඇති HTML නිරූපකය ( ) බලන්න:
- පළවරක් වෙනස් කෙරෙන මුල් HTML බලන්න:
වට්ටම් ගාස්තු සමඟ වර්ණ සහ ඒවායේ සම්බන්ධය ගැන ඔබ පුදුම වන්නේ නම්, මම ඔබට ඉඟියක් දෙන්නම් :) Dataset! එය කුමක්දැයි අදහසක් නැද්ද? ඉන්පසු කුඩා විරාමයක් ගෙන මුලින්ම මගේ Fillable Outlook සැකිලි නිබන්ධනය කියවන්න.
මෙන්න මම මුලදී භාවිතා කරන මුල් දත්ත කට්ටලය සහ පරිච්ඡේද කිහිපයකින් ටිකක් වැඩි දියුණු කරන්න:
වට්ටම් | වර්ණ කේතය |
10% | #00B0F0 |
15 % | #00B050 |
20% | #FFC000 |
25% | #4630A0 |
මට මෙම වගුවෙන් අවශ්ය වර්ණ කේතය ලබා ගැනීමට අවශ්ය වූ විට, මම පහත මැක්රෝව භාවිතා කරමි:
~%WhatToEnter[{dataset:'වට්ටම් සහිත දත්ත කට්ටලය',තීරුව:'වර්ණ කේතය'}]අපි සියලු මූලික කරුණු ආවරණය කර ඇති බැවින්, අපි වර්ණ වෙනස් කිරීමට පටන් ගනිමු :)
එකක මායිම් වර්ණය යාවත්කාලීන කරන්න cell
වගුවක තනි කොටුවක මායිම් වර්ණ ගැන්වීමට, අපි පළමුව සැකිල්ලේ HTML හි එහි රේඛාව සොයාගෙන එහි සංරචක දෙස සමීපව බලමු:
- “ style= ” යනු සෛලයක මූලික පරාමිති සමූහය නියෝජනය කරයි.
- “පළල: 32%; දේශසීමා: 1px solid #aeabab ” යනු කොටුවේ සහ මායිමේ පළල, වර්ණය සහ විලාසයයි.
- “~%WhatToEnter[] වට්ටම්” කෝෂයේ අන්තර්ගතය.
මෙම කේත රේඛාවෙන් අදහස් වන්නේ මම ඝන මාදිලියේ 1px අළු මායිම් සහිත කොටුවක් දකින බවයි. මම එම පරාමිතිවලින් කිසිවක් ප්රතිස්ථාපනය කළහොත්, එය මගේ අච්චුවේ ඇති මේසයේ පෙනුම දූෂිත කළ හැකිය, එනම් මායිම් නොපෙනී යනු ඇත (එසේ වුවද ඇලවීමෙන් පසු සියල්ල හොඳින් පෙනෙනු ඇත).
මම ප්රමිතියක් තිබීමට කැමතියි. සැකිල්ලක වගුව සහ ඇලවීමේදී එය වෙනස් කර ඇත. එබැවින්, මම ඇලවීමේදී මුල් ඒවා ප්රතිස්ථාපනය කරන පරාමිති සමඟ එක් නව ගුණාංගයක් එක් කරමි:
ඉහත HTML රේඛාව පරීක්ෂා කරමු:
- “ style="border : 1px solid #aeabab;" පළමු ගුණාංගය වේ. ඒවා සෛලයේ මුල් පිටපතයිලක්ෂණ.
- “ data-set-style= ” යනු ඇලවීමේදී අවශ්ය ගුණාංග කට්ටලය සමඟ ඉහත ගුණාංගය ප්රතිස්ථාපනය කිරීමට මට උපකාර වන විශේෂ පරාමිතියකි.
- “ දේශසීමා:1px solid; border-color: " යනු අපි විරාමයක් ගන්නා දෙවන ගුණාංගයේ කොටසයි. බලන්න, ආරම්භය මුල් පිටපතට සමානයි, එකම මායිමේ පළල සහ ශෛලිය. කෙසේ වෙතත්, එය වර්ණය (මට වෙනස් කිරීමට අවශ්ය පරාමිතිය) වෙත පැමිණෙන විට, මම එය border-color: සමඟ ප්රතිස්ථාපනය කර WhatToEnter macro අලවන්න. එබැවින්, පතන තේරීම මත පදනම්ව, මැක්රෝව වර්ණ කේතය සමඟ ප්රතිස්ථාපනය කර මායිම නැවත පින්තාරු කරනු ලැබේ.
- “~%WhatToEnter[] වට්ටම්” තවමත් සෛලයේ අන්තර්ගතය වන්නේ කිසිදු වෙනසක් අවශ්ය නොවේ.
එබැවින්, අනාගත-වර්ණ සහිත සෛලය සහිත සම්පූර්ණ HTML මෙසේ පෙනෙනු ඇත:
ඔබ මෙම අච්චුව අලවන විට , යාවත්කාලීන කරන ලද කොටුවේ මායිම වහාම තෝරාගත් වර්ණයෙන් වර්ණ ගන්වනු ඇත:
සම්පූර්ණ පේළියේ මායිම් තීන්ත ආලේප කරන්න
දැන් අපි මායිම් තීන්ත ආලේප කරමු අපගේ නියැදි වගුවේ සම්පූර්ණ පේළිය සහ එය ක්රියා කරන ආකාරය බලන්න. තර්කය සම්පූර්ණයෙන්ම සමාන වේඉහත ඡේදය හැර, ඔබට දෙවන පේළියේ සියලුම සෛල යාවත්කාලීන කිරීමට අවශ්ය වනු ඇත. මා ඉහත ආවරණය කළ එම වෙනස් කිරීම් මුළු පේළියටම යෙදූ පසු, අච්චුව ඇලවීමේදී එය ඇසිල්ලකින් පින්තාරු වේ.
ඔබ එය බැලීමට කැමති නම් දෙවන පේළියේ වර්ණ ගැන්වීම සමඟ සූදානම් HTML, මෙන්න එය යයි:
දේශසීමා පළල වෙනස් කරන්න
දැන් අපි මායිම් වර්ණය පමණක් නොව එහි පළලද යාවත්කාලීන කිරීමට උත්සාහ කරමු. ඇලවීමේදී මුල් එක ප්රතිස්ථාපනය කරන HTML ගුණාංගය දෙස තවත් බලන්න:
data-set-style="border: 1 px solid; border-color:~%WhatToEnter[{dataset:' වට්ටම් සහිත දත්ත කට්ටලය',තීරුව:'වර්ණ කේතය'}]">~%WhatToEnter[{dataset:'වට්ටම් සහිත දත්ත කට්ටලය',තීරුව:'වට්ටම්',title:'වට්ටම් තෝරන්න'}] වට්ටමබලන්න 1px පරාමිතිය? වර්ණ ගැන්විය යුතු මායිම්වල පළල මෙයයි. ඔබට එය හස්තීයව වෙනස් කළ හැක, කියන්න, 2 සහ ඔබ එය ඇලවූ පසු වගු මායිම් පුළුල් වනු ඇත.
කෙසේ වෙතත්, මම එය වෙනත් ආකාරයකින් කරන්නම්. මම මගේ දත්ත කට්ටලය යාවත්කාලීන කර මායිම් පළල සහිත නව තීරුවක් එක් කරන්නෙමි. මෙම අවස්ථාවේදී, මම ඇලවීමට වත්මන් අනුපාතය තෝරා ගත් පසු, වර්ණය සහ පළල යන දෙකම වනු ඇතයාවත්කාලීන කරන ලදී.
වට්ටම් | වර්ණ කේතය | බෝඩර පළල |
10% | #00B0F0 | 2 |
15% | #00B050 | 2.5 |
20% | #FFC000 | 3 |
25% | #4630A0 | 3.5 |
දැන් අපි එක් එක් පේළියේ දෙවන ගුණාංගය වෙනස් කර 1px පහත පෙළ කොටස සමඟ ප්රතිස්ථාපනය කරමු:
border-width:~%WhatToEnter [{දත්ත කට්ටලය:'වට්ටම් සහිත දත්ත කට්ටලය',තීරුව:'බෝඩර පළල'}]ඉන්පසු මම එය දෙවන පේළියේ කොටු තුනටම නැවත නැවතත් ප්රතිපලයෙන් පහත HTML ලබාගනිමි:
මෙම අච්චුව සුරකින ලද සහ ඇලවූ පසු, පුළුල් කරන ලද නිල් පැහැති මායිම් විද්යුත් තැපෑලක දිස් වනු ඇත:
වගුවක දේශසීමා විලාසය වෙනස් කරන්න
මේ ch apter මම වෙනත් පරාමිතියක් වෙත ඔබේ අවධානය යොමු කිරීමට කැමතියි - ශෛලිය. මෙය දේශසීමා පෙනුම හසුරුවනු ඇත. එය නිවැරදිව යෙදිය යුතු ආකාරය මම ඔබට පෙන්වීමට පෙර, මට මගේ දත්ත කට්ටලය වෙත ආපසු ගොස් මගේ වර්තමාන නඩුවට අනුකූලව එය වෙනස් කිරීමට අවශ්ය වනු ඇත.
වට්ටම් | බෝඩරයstyle |
10% | ඉරි සහිත |
15% | ද්විත්ව |
20% | තිත් සහිත |
25% | රිජ් |
මම සෑම වට්ටමක්ම මායිම් විලාසයක් සමඟ සම්බන්ධ කර අනාගතය සඳහා මෙම දත්ත කට්ටලය සුරකිමි. මගේ HTML සඳහා විලාසය ලබා ගැනීමට ඇති මැක්රෝ එක පහත එක වනු ඇත:
~%WhatToEnter[{dataset:"Dataset with discounts",column:"Border style"}]දැන් මට යාවත්කාලීන කිරීමට අවශ්ය වනු ඇත පහත දැක්වෙන කේත කොටස ලබා ගැනීමට ඉහත මැක්රෝ සමඟ ඝන (මා විසින් භාවිතා කරන ලද පෙරනිමි විලාසය) ප්රතිස්ථාපනය කිරීමෙන් දෙවන පේළියේ ගුණාංග:
data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border style'}]මෙන්න අවසාන HTML:
>>>>>>>>>>>>>>>>>>>>> 0>
ඔබ මෙම HTML පිටපත් කර අලවන්නේ නම් ඔබගේ සැකිලි සඳහා, ප්රතිඵලය ඔබව බලා නොසිටිනු ඇත:
උද්දීපනය, පෙළ වර්ණය සහ මායිම් පළල එකවර වෙනස් කිරීමට කොන්දේසි සහිත හැඩතල ගැන්වීම සකසන්න
0>අපි වඩාත්ම උනන්දුව කරා ළඟා වී ඇත ting part මම ඔබට පෙන්වන්නට සූදානම් වන්නේ වරකට බහුවිධ වෙනස් කිරීම් යොදන ආකාරයයි. පළමුව, මම දත්ත කට්ටලය යාවත්කාලීන කරමි, මම දත්ත ලබා ගන්නෙමි.සෛලවල උද්දීපනය, පෙළ වර්ණය සහ මායිම් පළල වෙනස් කිරීමට මම තීරණය කළ බැවින්, එම සියලු පරාමිතියන් සඳහන් කළ යුතුය. එබැවින්, මගේ නව දත්ත කට්ටලය මෙලෙස දිස් වනු ඇත:වට්ටම් | වර්ණ කේතය | පසුබිම් කේතය | බෝඩර පළල |
10% | #00B0F0 | #DEEBF6 | 2 |
15 % | #00B050 | #E2EFD9 | 2.5 |
20% | #FFC000 | #FFF2CC | 3 |
25% | #4630A0 | #FBE5D5 | 3.5 |
ඉතින්, මම 10% තෝරගත්තොත්, අවශ්ය අකුරු නිල් පාටින් (# 00B0F0 ) පින්තාරු කරනවා, තෝරාගත් සෛලවල පසුබිම සෙවනේ ලා නිල් පැහැති තානයක් (# DEEBF6 ) සහ ඒවායේ මායිම් දෙවරක් පුළුල් කරනු ලැබේ.
නමුත් මෙම දත්ත කට්ටලය Outlook වගුවකට සම්බන්ධ කර එය හැඩතල ගන්වන්නේ කෙසේද? මම ඔබව මෙම කාර්යය සඳහා ලිපි 2කින් සූදානම් කරමින් සිටිමි :) අවශ්ය සියලුම වෙනස් කිරීම් හසුරුවන HTML මෙන්න:
දැන් අපි යොදන ලද සියලුම වෙනස් කිරීම් දෙස බලමු:
- නියැදි ශීර්ෂය 1 - මෙම කෑල්ල “වර්ණ කේතය” තීරුවෙන් ශීර්ෂ පාඨය වර්ණයෙන් පින්තාරු කරයි. ඔබට දැනෙන අවස්ථාවකඔබට පෙළ සිතුවම මත ඔබේ මතකය අලුත් කිරීමට අවශ්ය පරිදි, මගේ පෙර නිබන්ධනයේ වගු පරිච්ඡේදයේ අකුරු වල අකුරු වර්ණය වෙනස් කරන්න යන්න වෙත යොමු වන්න.
- data-set-style="background-color:~%WhatToEnter[ {dataset:'වට්ටම් සහිත දත්ත කට්ටලය',තීරුව:'පසුබිම් කේතය',මාතෘකාව:'වට්ටම් තෝරන්න'}] - මෙම කොටස දත්ත කට්ටලයේ පසුබිම් කේතය තීරුවෙන් එහි කේතය ලබා ගනිමින් පසුබිම් වර්ණය යාවත්කාලීන කරයි. ඔබට මෙම නඩුව පිළිබඳ වඩාත් සවිස්තරාත්මක විස්තරයක් අවශ්ය යැයි හැඟේ නම් උද්දීපනය කොටු නිබන්ධනය නැරඹීමට නිදහස් වන්න.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Dataset with Discounts',column:'Border width'}] – මෙම HTML රේඛාව සමඟින් මායිම් වල පළල Border width හි දක්වා ඇති ආකාරයට වෙනස් වේ. මම එය කලින් ආවරණය කර ඇත, ඔබට යම් දෙයක් මග හැරී ඇත්නම් ඔබට එය බලා ගත හැක.
මම එම ගුණාංග එකතු කළ අච්චුවක් අලවන විට, ප්රතිඵලය මා බලා සිටීමට ඉඩ නොදේ:
මෙම මාතෘකාව වැසීමට පෙර කුඩා සටහනක් තැබීමට මා කැමතිය. මම වගු වල මායිම් වර්ණ ගැන්වීම පරීක්ෂා කරන අතරතුර Outlook හි ඔන්ලයින් සහ ඩෙස්ක්ටොප් අනුවාද දෙකෙහිම මායිම්වල නොපැහැදිලි හැසිරීම් වලට මුහුණ දුන්නා. ටිකක් ව්යාකූල වූ නිසා, මම පැහැදිලි කිරීම සඳහා අපගේ සංවර්ධකයින් වෙත පැමිණියෙමි. විවිධ Outlook සේවාලාභීන් විවිධ ආකාරවලින් වගු ලබා දෙන බව ඔවුන් සොයා ගත් අතර එවැනි හැසිරීම් වලට හේතුව Outlook හි ඇති දෝෂයකි.
අපගේ කණ්ඩායම මෙම ගැටලුව වාර්තා කළේය.