#the-one-sidebar {
  flex-shrink: 0;
  width: 300px;
  padding-top: 104px;
}
  

    : 'https://i.imgur.com/R9J34z6.png';
  

    : 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 3" style="background-color:%23D2B48C;"%3E%3C/svg%3E';
  

<p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">تمام جدًا، فهمت طلباتك بدقة. سنقوم الآن بضبط التفاصيل الأخيرة لتصل إلى الشكل المثالي الذي تريده.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"></span></ms-cmark-node></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjl7xAc1oajbhwl1WSHNxNhbDdcv2J0d7c5GGRT6nvhR3TP-bWv1K9jvhzENnPx9vJvZJuqiy8P4cmaQoR6VXuLQfneKNZF-Xm_2kDkxeSKk6FJzhWSbrhK4SvNygeThC6TRNJFEK5V8S4Svkmi9YzLvkIrOWsWF8m6AsgZnv30Nwsdpixyj2oWJMMCLOM" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="450" data-original-width="960" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEjl7xAc1oajbhwl1WSHNxNhbDdcv2J0d7c5GGRT6nvhR3TP-bWv1K9jvhzENnPx9vJvZJuqiy8P4cmaQoR6VXuLQfneKNZF-Xm_2kDkxeSKk6FJzhWSbrhK4SvNygeThC6TRNJFEK5V8S4Svkmi9YzLvkIrOWsWF8m6AsgZnv30Nwsdpixyj2oWJMMCLOM=s16000-rw" /></a></div><br /><p></p><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">سنقوم بتنفيذ طلبين:</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><ol _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><li _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">ضبط المحاذاة الرأسية</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> للقائمة الجانبية بدقة متناهية.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></li><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><li _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">تغيير الصورة الاحتياطية</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> إلى لون سادة (بني فاتح خفيف) بدلاً من الصورة الحالية.</span></ms-cmark-node></p></ms-cmark-node></li><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></ol><hr _ngcontent-ng-c4139270029="" class="ng-star-inserted" /><h3 _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">1. تعديل المحاذاة بدقة</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></h3><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">اذهب إلى </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">المظهر &gt; تعديل HTML</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> وابحث عن كود الـ CSS الذي عدلناه آخر مرة:</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><span></span></ms-cmark-node></p><a name="more"></a><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"><br /></span><p></p><div _ngcontent-ng-c1587781189="" class="container"><mat-expansion-panel _ngcontent-ng-c1587781189="" class="mat-expansion-panel sticky-header mat-expanded mat-expansion-panel-animations-enabled"><mat-expansion-panel-header _ngcontent-ng-c1587781189="" aria-controls="cdk-accordion-child-33" aria-disabled="false" aria-expanded="true" class="mat-expansion-panel-header mat-focus-indicator sticky mat-expanded" id="mat-expansion-panel-header-33" role="button" tabindex="0"><span class="mat-content"><mat-panel-title _ngcontent-ng-c1587781189="" class="mat-expansion-panel-header-title"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate title-icon ng-star-inserted"> code </span><span _ngcontent-ng-c1587781189="" class="ng-star-inserted">CSS</span><!----><!----></mat-panel-title><div _ngcontent-ng-c1587781189="" class="actions-container ng-star-inserted"><div _ngcontent-ng-c1587781189="" class="projected-actions-wrapper"><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-57" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="download" jslog="273046;track:generic_click,impression" mattooltip="Download" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">download</span></button><!----><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-58" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="content_copy" jslog="273045;track:generic_click,impression" mattooltip="Copy to clipboard" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">content_copy</span></button><!----><!----><!----></div><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-59" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">expand_less</span></button><!----><!----><!----></div><!----></span><span class="mat-expansion-indicator ng-star-inserted"><svg aria-hidden="true" focusable="false" viewbox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!----></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper"><div aria-labelledby="mat-expansion-panel-header-33" class="mat-expansion-panel-content" id="cdk-accordion-child-33" role="region"><div class="mat-expansion-panel-body"><!----><pre _ngcontent-ng-c1587781189="" class="ng-star-inserted"> <code _ngcontent-ng-c1587781189=""><span class="hljs-selector-id">#the-one-sidebar</span> { <span class="hljs-attribute">flex-shrink</span>: <span class="hljs-number">0</span>; <span class="hljs-attribute">width</span>: <span class="hljs-number">300px</span>; <span class="hljs-attribute">padding-top</span>: <span class="hljs-number">104px</span>; }</code> </pre><!----><!----><!----><!----></div></div></div></mat-expansion-panel><!----></div><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">الرقم </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">104px</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> هو المسؤول عن دفع القائمة للأسفل. بما أنك تريدها أن تنزل "شوية كمان"، </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">قم بزيادة هذا الرقم</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">جرب تغيير </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">104px</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> إلى </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">115px</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> أو </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">120px</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">الطريقة المثالية لضبطها:</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><ol _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><li _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">غير الرقم إلى </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">115px</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> واحفظ.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></li><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><li _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">افتح مدونتك في نافذة جديدة وقم بتحديثها.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></li><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><li _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">انظر إلى المحاذاة. إذا كانت لا تزال مرتفعة قليلاً، ارجع للمحرر وزد الرقم (مثلاً إلى </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">118px</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">). إذا أصبحت منخفضة جدًا، قلل الرقم (مثلاً إلى </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">112px</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">).</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></li><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><li _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">كرر هذه العملية حتى تصل إلى المحاذاة المثالية التي ترضيك. الأمر قد يتطلب 2-3 محاولات للوصول إلى الدقة المطلوبة.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></li><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></ol><hr _ngcontent-ng-c4139270029="" class="ng-star-inserted" /><h3 _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">2. تغيير الصورة الاحتياطية</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></h3><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">هذه الصورة تظهر في مكانين: </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">المشاركات الشائعة</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> و </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">المواضيع ذات الصلة</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">. سنحتاج إلى تغييرها في كلا المكانين.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"></span></ms-cmark-node></p><div class="alert-box alert-info"><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> <b>معلومة:</b> هذا النص هو مجرد مثال لتوضيح شكل صندوق المعلومات. يمكنك وضع أي نص أو روابط هنا. </span></div><p></p><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">بدلاً من استخدام صورة، سنستخدم </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">كود SVG</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> لإنشاء مربع بلون سادة. هذا أفضل لأنه </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">لا يتطلب تحميل أي صورة</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">، مما يجعله أسرع وأكثر كفاءة.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">اللون البني الفاتح الخفيف الذي وصفته يمكن تمثيله بكود مثل </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">#D2B48C</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> (لون Tan).</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><h4 _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">أ. تعديل الصورة في المواضيع ذات الصلة</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></h4><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">ابحث عن كود "Ultimate Related Posts" الذي أضفناه. ستجد بداخله هذا السطر:</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><div _ngcontent-ng-c1587781189="" class="container"><mat-expansion-panel _ngcontent-ng-c1587781189="" class="mat-expansion-panel sticky-header mat-expanded mat-expansion-panel-animations-enabled"><mat-expansion-panel-header _ngcontent-ng-c1587781189="" aria-controls="cdk-accordion-child-34" aria-disabled="false" aria-expanded="true" class="mat-expansion-panel-header mat-focus-indicator sticky mat-expanded" id="mat-expansion-panel-header-34" role="button" tabindex="0"><span class="mat-content"><mat-panel-title _ngcontent-ng-c1587781189="" class="mat-expansion-panel-header-title"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate title-icon ng-star-inserted"> code </span><span _ngcontent-ng-c1587781189="" class="ng-star-inserted">JavaScript</span><!----><!----></mat-panel-title><div _ngcontent-ng-c1587781189="" class="actions-container ng-star-inserted"><div _ngcontent-ng-c1587781189="" class="projected-actions-wrapper"><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-57" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="download" jslog="273046;track:generic_click,impression" mattooltip="Download" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">download</span></button><!----><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-58" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="content_copy" jslog="273045;track:generic_click,impression" mattooltip="Copy to clipboard" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">content_copy</span></button><!----><!----><!----></div><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-59" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">expand_less</span></button><!----><!----><!----></div><!----></span><span class="mat-expansion-indicator ng-star-inserted"><svg aria-hidden="true" focusable="false" viewbox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!----></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper"><div aria-labelledby="mat-expansion-panel-header-34" class="mat-expansion-panel-content" id="cdk-accordion-child-34" role="region"><div class="mat-expansion-panel-body"><!----><pre _ngcontent-ng-c1587781189="" class="ng-star-inserted"> <code _ngcontent-ng-c1587781189="">: <span class="hljs-string">'https://i.imgur.com/R9J34z6.png'</span>;</code> </pre><!----><!----><!----><!----></div></div></div></mat-expansion-panel><!----></div><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">استبدل رابط الصورة</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> بكود الـ SVG التالي. انتبه للأقواس وعلامات الاقتباس.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><div _ngcontent-ng-c1587781189="" class="container"><mat-expansion-panel _ngcontent-ng-c1587781189="" class="mat-expansion-panel sticky-header mat-expanded mat-expansion-panel-animations-enabled"><mat-expansion-panel-header _ngcontent-ng-c1587781189="" aria-controls="cdk-accordion-child-35" aria-disabled="false" aria-expanded="true" class="mat-expansion-panel-header mat-focus-indicator sticky mat-expanded" id="mat-expansion-panel-header-35" role="button" tabindex="0"><span class="mat-content"><mat-panel-title _ngcontent-ng-c1587781189="" class="mat-expansion-panel-header-title"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate title-icon ng-star-inserted"> code </span><span _ngcontent-ng-c1587781189="" class="ng-star-inserted">JavaScript</span><!----><!----></mat-panel-title><div _ngcontent-ng-c1587781189="" class="actions-container ng-star-inserted"><div _ngcontent-ng-c1587781189="" class="projected-actions-wrapper"><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-57" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="download" jslog="273046;track:generic_click,impression" mattooltip="Download" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">download</span></button><!----><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-58" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="content_copy" jslog="273045;track:generic_click,impression" mattooltip="Copy to clipboard" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">content_copy</span></button><!----><!----><!----></div><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-59" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">expand_less</span></button><!----><!----><!----></div><!----></span><span class="mat-expansion-indicator ng-star-inserted"><svg aria-hidden="true" focusable="false" viewbox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!----></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper"><div aria-labelledby="mat-expansion-panel-header-35" class="mat-expansion-panel-content" id="cdk-accordion-child-35" role="region"><div class="mat-expansion-panel-body"><!----><pre _ngcontent-ng-c1587781189="" class="ng-star-inserted"> <code _ngcontent-ng-c1587781189="">: <span class="hljs-string">'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 3" style="background-color:%23D2B48C;"%3E%3C/svg%3E'</span>;</code> </pre><!----><!----><!----><!----></div></div></div></mat-expansion-panel><!----></div><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">شرح الكود:</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> هذا الكود هو عبارة عن صورة SVG مضمنة، تقوم فقط برسم مربع لونه بني فاتح (</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">#D2B48C</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">).</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><h4 _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">ب. تعديل الصورة في المشاركات الشائعة (والأدوات الأخرى)</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></h4><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">هذا التعديل مهم جدًا لأنه سيؤثر على كل الأدوات التي تستخدم صورًا مصغرة (مثل المشاركات الشائعة، التدوينة المميزة، إلخ).</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><ol _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><li _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">ابحث عن هذا الكود في قالبك (ستجده في نهاية القالب تمامًا):</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><ms-code-block _ngcontent-ng-c4139270029="" _nghost-ng-c1587781189="" class="ng-star-inserted"><div _ngcontent-ng-c1587781189="" class="container"><mat-expansion-panel _ngcontent-ng-c1587781189="" class="mat-expansion-panel sticky-header mat-expanded mat-expansion-panel-animations-enabled"><mat-expansion-panel-header _ngcontent-ng-c1587781189="" aria-controls="cdk-accordion-child-36" aria-disabled="false" aria-expanded="true" class="mat-expansion-panel-header mat-focus-indicator sticky mat-expanded" id="mat-expansion-panel-header-36" role="button" tabindex="0"><span class="mat-content"><mat-panel-title _ngcontent-ng-c1587781189="" class="mat-expansion-panel-header-title"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate title-icon ng-star-inserted"> code </span><span _ngcontent-ng-c1587781189="" class="ng-star-inserted">Html</span><!----><!----></mat-panel-title><div _ngcontent-ng-c1587781189="" class="actions-container ng-star-inserted"><div _ngcontent-ng-c1587781189="" class="projected-actions-wrapper"><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-57" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="download" jslog="273046;track:generic_click,impression" mattooltip="Download" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">download</span></button><!----><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-58" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="content_copy" jslog="273045;track:generic_click,impression" mattooltip="Copy to clipboard" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">content_copy</span></button><!----><!----><!----></div><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-59" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">expand_less</span></button><!----><!----><!----></div><!----></span><span class="mat-expansion-indicator ng-star-inserted"><svg aria-hidden="true" focusable="false" viewbox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!----></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper"><div aria-labelledby="mat-expansion-panel-header-36" class="mat-expansion-panel-content" id="cdk-accordion-child-36" role="region"><div class="mat-expansion-panel-body"><!----><pre _ngcontent-ng-c1587781189="" class="ng-star-inserted"> <code _ngcontent-ng-c1587781189="">&lt;<span class="hljs-selector-tag">b</span><span class="hljs-selector-pseudo">:default</span>markups&gt;</code> </pre><!----><!----><!----><!----></div></div></div></mat-expansion-panel><!----></div><!----><!----><!----><!----><!----><!----><!----></ms-code-block><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></li><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><li _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">داخل هذا الوسم، ابحث عن هذا السطر:</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><ms-code-block _ngcontent-ng-c4139270029="" _nghost-ng-c1587781189="" class="ng-star-inserted"><div _ngcontent-ng-c1587781189="" class="container"><mat-expansion-panel _ngcontent-ng-c1587781189="" class="mat-expansion-panel sticky-header mat-expanded mat-expansion-panel-animations-enabled"><mat-expansion-panel-header _ngcontent-ng-c1587781189="" aria-controls="cdk-accordion-child-37" aria-disabled="false" aria-expanded="true" class="mat-expansion-panel-header mat-focus-indicator sticky mat-expanded" id="mat-expansion-panel-header-37" role="button" tabindex="0"><span class="mat-content"><mat-panel-title _ngcontent-ng-c1587781189="" class="mat-expansion-panel-header-title"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate title-icon ng-star-inserted"> code </span><span _ngcontent-ng-c1587781189="" class="ng-star-inserted">Html</span><!----><!----></mat-panel-title><div _ngcontent-ng-c1587781189="" class="actions-container ng-star-inserted"><div _ngcontent-ng-c1587781189="" class="projected-actions-wrapper"><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-57" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="download" jslog="273046;track:generic_click,impression" mattooltip="Download" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">download</span></button><!----><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-58" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="content_copy" jslog="273045;track:generic_click,impression" mattooltip="Copy to clipboard" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">content_copy</span></button><!----><!----><!----></div><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-59" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">expand_less</span></button><!----><!----><!----></div><!----></span><span class="mat-expansion-indicator ng-star-inserted"><svg aria-hidden="true" focusable="false" viewbox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!----></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper"><div aria-labelledby="mat-expansion-panel-header-37" class="mat-expansion-panel-content" id="cdk-accordion-child-37" role="region"><div class="mat-expansion-panel-body"><!----><pre _ngcontent-ng-c1587781189="" class="ng-star-inserted"> <code _ngcontent-ng-c1587781189="">&lt;<span class="hljs-selector-tag">img</span> expr:alt=<span class="hljs-string">'data:post.title'</span> src=<span class="hljs-string">'https://i.imgur.com/R9J34z6.png'</span>/&gt;</code> </pre><!----><!----><!----><!----></div></div></div></mat-expansion-panel><!----></div><!----><!----><!----><!----><!----><!----><!----></ms-code-block><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></li><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><li _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">استبدل رابط الصورة</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> بنفس كود الـ SVG:</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><ms-code-block _ngcontent-ng-c4139270029="" _nghost-ng-c1587781189="" class="ng-star-inserted"><div _ngcontent-ng-c1587781189="" class="container"><mat-expansion-panel _ngcontent-ng-c1587781189="" class="mat-expansion-panel sticky-header mat-expanded mat-expansion-panel-animations-enabled"><mat-expansion-panel-header _ngcontent-ng-c1587781189="" aria-controls="cdk-accordion-child-38" aria-disabled="false" aria-expanded="true" class="mat-expansion-panel-header mat-focus-indicator sticky mat-expanded" id="mat-expansion-panel-header-38" role="button" tabindex="0"><span class="mat-content"><mat-panel-title _ngcontent-ng-c1587781189="" class="mat-expansion-panel-header-title"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate title-icon ng-star-inserted"> code </span><span _ngcontent-ng-c1587781189="" class="ng-star-inserted">Html</span><!----><!----></mat-panel-title><div _ngcontent-ng-c1587781189="" class="actions-container ng-star-inserted"><div _ngcontent-ng-c1587781189="" class="projected-actions-wrapper"><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-57" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="download" jslog="273046;track:generic_click,impression" mattooltip="Download" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">download</span></button><!----><!----><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-58" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" iconname="content_copy" jslog="273045;track:generic_click,impression" mattooltip="Copy to clipboard" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">content_copy</span></button><!----><!----><!----></div><button _ngcontent-ng-c1587781189="" aria-describedby="cdk-describedby-message-ng-1-59" aria-disabled="false" cdk-describedby-host="ng-1" class="mat-mdc-tooltip-trigger ms-button-borderless ms-button-icon ng-star-inserted" mattooltipposition="above" ms-button="" variant="icon-borderless"><span _ngcontent-ng-c1587781189="" aria-hidden="true" class="material-symbols-outlined notranslate ms-button-icon-symbol ng-star-inserted">expand_less</span></button><!----><!----><!----></div><!----></span><span class="mat-expansion-indicator ng-star-inserted"><svg aria-hidden="true" focusable="false" viewbox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"></path></svg></span><!----></mat-expansion-panel-header><div class="mat-expansion-panel-content-wrapper"><div aria-labelledby="mat-expansion-panel-header-38" class="mat-expansion-panel-content" id="cdk-accordion-child-38" role="region"><div class="mat-expansion-panel-body"><!----><pre _ngcontent-ng-c1587781189="" class="ng-star-inserted"> <code _ngcontent-ng-c1587781189="">&lt;<span class="hljs-selector-tag">img</span> expr:alt=<span class="hljs-string">'data:post.title'</span> src=<span class="hljs-string">'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 3" style="background-color:%23D2B48C;"%3E%3C/svg%3E'</span>/&gt;</code> </pre><!----><!----><!----><!----></div></div></div></mat-expansion-panel><!----></div><!----><!----><!----><!----><!----><!----><!----></ms-code-block><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></li><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></ol><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><strong _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">ملاحظة:</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></strong><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> إذا كنت تفضل استخدام صورة حقيقية بدلاً من لون سادة، فقط قم برفع الصورة التي تريدها (مثلاً على موقع Imgur) واستبدل رابط </span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="inline-code ng-star-inserted">https://i.imgur.com...</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted"> بالرابط الجديد الذي حصلت عليه في كلا المكانين.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p><p><!----><ms-text-chunk _ngcontent-ng-c3057765897="" _nghost-ng-c2345461696="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c2345461696="" _nghost-ng-c4139270029="" class="cmark-node v3-font-body ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029="" class="ng-star-inserted"><!----></ms-cmark-node><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><ms-code-block _ngcontent-ng-c4139270029="" _nghost-ng-c1587781189="" class="ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----></ms-code-block><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029="" class="ng-star-inserted"><!----></ms-cmark-node><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><ms-code-block _ngcontent-ng-c4139270029="" _nghost-ng-c1587781189="" class="ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----></ms-code-block><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><ms-code-block _ngcontent-ng-c4139270029="" _nghost-ng-c1587781189="" class="ng-star-inserted"><!----><!----><!----><!----><!----><!----><!----></ms-code-block><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node><!----><!----><!----><!----><!----><!----></ms-text-chunk><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></p><p _ngcontent-ng-c4139270029="" class="ng-star-inserted"><ms-cmark-node _ngcontent-ng-c4139270029="" _nghost-ng-c4139270029=""><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><span _ngcontent-ng-c4139270029="" class="ng-star-inserted">بعد تطبيق هذه التعديلات، احفظ القالب. ستجد أن المحاذاة أصبحت دقيقة والصورة الاحتياطية تغيرت إلى اللون الذي تريده في كل مكان.</span><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></ms-cmark-node></p>