https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AE%D8%B7_%D9%88_%D8%AF%D8%A7%DB%8C%D8%B1%D9%87%2F%D9%86%D8%B9%D9%85%D8%AA%DB%8C 2026-08-25T19:07:00Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی MediaWiki 1.43.8 https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AE%D8%B7_%D9%88_%D8%AF%D8%A7%DB%8C%D8%B1%D9%87/%D9%86%D8%B9%D9%85%D8%AA%DB%8C&diff=6801&oldid=prev 2026-08-23T09:19:48Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fa"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخهٔ ‏۲۳ اوت ۲۰۲۶، ساعت ۰۹:۱۹</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l912">خط ۹۱۲:</td> <td colspan="2" class="diff-lineno">خط ۹۱۲:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                    &lt;p&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                        انتخاب محصول چاپی مورد نیاز</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                    &lt;/p&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l947">خط ۹۴۷:</td> <td colspan="2" class="diff-lineno">خط ۹۴۴:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                    &lt;p&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                        تعیین ابعاد، جنس و تیراژ چاپ</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                    &lt;/p&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l982">خط ۹۸۲:</td> <td colspan="2" class="diff-lineno">خط ۹۷۶:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                     <del style="font-weight: bold; text-decoration: none;">&lt;p&gt;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                      </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                        ارسال فایل طراحی برای چاپ</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                    &lt;/p&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1017">خط ۱٬۰۱۷:</td> <td colspan="2" class="diff-lineno">خط ۱٬۰۰۹:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                     <del style="font-weight: bold; text-decoration: none;">&lt;p&gt;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                      </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                        بررسی و تأیید نهایی سفارش</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                    &lt;/p&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1052">خط ۱٬۰۵۲:</td> <td colspan="2" class="diff-lineno">خط ۱٬۰۴۲:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                     &lt;/h3&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>                     <del style="font-weight: bold; text-decoration: none;">&lt;p&gt;</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>                      </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                        چاپ نهایی و تحویل سفارش</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">                    &lt;/p&gt;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>                 &lt;/div&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-6775:rev-6801:php=table --> </table>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AE%D8%B7_%D9%88_%D8%AF%D8%A7%DB%8C%D8%B1%D9%87/%D9%86%D8%B9%D9%85%D8%AA%DB%8C&diff=6775&oldid=prev 2026-08-23T06:28:51Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="fa"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخهٔ قدیمی‌تر</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخهٔ ‏۲۳ اوت ۲۰۲۶، ساعت ۰۶:۲۸</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l135">خط ۱۳۵:</td> <td colspan="2" class="diff-lineno">خط ۱۳۵:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.order-process-title {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.order-process-title {</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     width: 100%;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     width: 100%;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     text-align: center;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     text-align: center;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     margin-bottom: clamp(</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     margin-bottom: clamp(</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         25px,</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         25px,</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l148">خط ۱۴۸:</td> <td colspan="2" class="diff-lineno">خط ۱۴۵:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.order-process-title h2 {</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>.order-process-title h2 {</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     color: var(--title-color);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     color: var(--title-color);</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-size: clamp(</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-size: clamp(</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         21px,</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         21px,</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l158">خط ۱۵۸:</td> <td colspan="2" class="diff-lineno">خط ۱۵۳:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     line-height: 1.6;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     line-height: 1.6;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-weight: 700;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-weight: 700;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l846">خط ۸۴۶:</td> <td colspan="2" class="diff-lineno">خط ۸۴۰:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         transition: none !important;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>         transition: none !important;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     }</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">/* کاهش فاصله بالا و پایین فقط در دسکتاپ */</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">@media (min-width: 768px) {</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">    .order-process {</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">        padding-top: 8px;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">        padding-bottom: 15px;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">    }</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-6773:rev-6775:php=table --> </table>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1_%D8%AE%D8%B7_%D9%88_%D8%AF%D8%A7%DB%8C%D8%B1%D9%87/%D9%86%D8%B9%D9%85%D8%AA%DB%8C&diff=6773&oldid=prev 2026-08-23T06:18:51Z

<p>صفحه‌ای تازه حاوی « &lt;html lang=&quot;fa&quot; dir=&quot;rtl&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt; &lt;title&gt;مراحل ثبت سفارش چاپ و تبلیغات&lt;/title&gt; &lt;meta name=&quot;description&quot; content=&quot;مراحل ثبت سفارش خدمات چاپ و تبلیغات؛ از انتخاب خدمات و مشخصات تا ارسال فایل، تأیید سفارش و چاپ نهایی.&quot;&gt; &lt;link rel=&quot;styleshe...» ایجاد کرد</p> <p><b>صفحهٔ تازه</b></p><div><br /> &lt;html lang=&quot;fa&quot; dir=&quot;rtl&quot;&gt;<br /> &lt;head&gt;<br /> &lt;meta charset=&quot;UTF-8&quot;&gt;<br /> &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;<br /> <br /> &lt;title&gt;مراحل ثبت سفارش چاپ و تبلیغات&lt;/title&gt;<br /> <br /> &lt;meta name=&quot;description&quot;<br /> content=&quot;مراحل ثبت سفارش خدمات چاپ و تبلیغات؛ از انتخاب خدمات و مشخصات تا ارسال فایل، تأیید سفارش و چاپ نهایی.&quot;&gt;<br /> <br /> &lt;link rel=&quot;stylesheet&quot;<br /> href=&quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css&quot;&gt;<br /> <br /> &lt;style&gt;<br /> <br /> /* =========================================================<br /> تنظیمات اصلی<br /> فقط رنگ‌ها را از این قسمت تغییر دهید<br /> ========================================================= */<br /> <br /> :root {<br /> <br /> /* رنگ خطوط سبز */<br /> --main-green: #20b957;<br /> <br /> /* رنگ آیکون‌ها */<br /> --icon-color: #ffb900;<br /> <br /> /* رنگ عنوان اصلی */<br /> --title-color: #777777;<br /> <br /> /* رنگ عنوان مراحل */<br /> --text-color: #666666;<br /> <br /> /* رنگ توضیحات */<br /> --description-color: #999999;<br /> <br /> /* رنگ پس زمینه */<br /> --section-bg: #ffffff;<br /> <br /> /* رنگ داخل دایره */<br /> --circle-bg: #ffffff;<br /> <br /> /* حلقه خاکستری */<br /> --inner-ring: #e9e9e9;<br /> <br /> /* سایه */<br /> --shadow-color: rgba(0,0,0,.12);<br /> <br /> /* ضخامت خط سبز */<br /> --line-width: 2px;<br /> <br /> /* =====================================================<br /> اندازه دایره‌ها کاملاً ریسپانسیو<br /> ===================================================== */<br /> <br /> --circle-size: clamp(<br /> 145px,<br /> 16vw,<br /> 225px<br /> );<br /> <br /> /* اندازه آیکون */<br /> --icon-size: clamp(<br /> 38px,<br /> 3.5vw,<br /> 52px<br /> );<br /> <br /> /* اندازه عنوان */<br /> --step-title-size: clamp(<br /> 13px,<br /> 1.25vw,<br /> 17px<br /> );<br /> <br /> /* فاصله بین عنوان و آیکون */<br /> --icon-margin: clamp(<br /> 7px,<br /> 1vw,<br /> 12px<br /> );<br /> }<br /> <br /> <br /> /* =========================================================<br /> RESET<br /> ========================================================= */<br /> <br /> * {<br /> box-sizing: border-box;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> html {<br /> scroll-behavior: smooth;<br /> }<br /> <br /> body {<br /> direction: rtl;<br /> margin: 0;<br /> padding: 0;<br /> background: #fff;<br /> font-family: Tahoma, Arial, sans-serif;<br /> }<br /> <br /> <br /> /* =========================================================<br /> بخش اصلی<br /> ========================================================= */<br /> <br /> .order-process {<br /> <br /> width: 100%;<br /> <br /> padding-top: clamp(22px, 3vw, 35px);<br /> <br /> padding-right: clamp(8px, 2vw, 25px);<br /> padding-left: clamp(8px, 2vw, 25px);<br /> <br /> padding-bottom: clamp(35px, 5vw, 55px);<br /> <br /> background: var(--section-bg);<br /> <br /> /* جلوگیری از ایجاد اسکرول افقی */<br /> overflow: hidden;<br /> }<br /> <br /> <br /> /* =========================================================<br /> عنوان<br /> ========================================================= */<br /> <br /> .order-process-title {<br /> <br /> width: 100%;<br /> <br /> text-align: center;<br /> <br /> margin-bottom: clamp(<br /> 25px,<br /> 4vw,<br /> 45px<br /> );<br /> }<br /> <br /> .order-process-title h2 {<br /> <br /> color: var(--title-color);<br /> <br /> font-size: clamp(<br /> 21px,<br /> 2.5vw,<br /> 30px<br /> );<br /> <br /> line-height: 1.6;<br /> <br /> font-weight: 700;<br /> }<br /> <br /> .order-process-title p {<br /> <br /> margin-top: clamp(<br /> 3px,<br /> .6vw,<br /> 7px<br /> );<br /> <br /> color: var(--description-color);<br /> <br /> font-size: clamp(<br /> 11px,<br /> 1vw,<br /> 14px<br /> );<br /> <br /> line-height: 1.7;<br /> }<br /> <br /> <br /> /* =========================================================<br /> کانتینر مراحل<br /> ========================================================= */<br /> <br /> .process-container {<br /> <br /> width: 100%;<br /> <br /> max-width: 1450px;<br /> <br /> margin: 0 auto;<br /> <br /> display: flex;<br /> <br /> flex-direction: column;<br /> <br /> align-items: center;<br /> <br /> justify-content: center;<br /> <br /> gap: clamp(<br /> 45px,<br /> 7vw,<br /> 70px<br /> );<br /> }<br /> <br /> <br /> /* =========================================================<br /> هر مرحله<br /> ========================================================= */<br /> <br /> .process-step {<br /> <br /> position: relative;<br /> <br /> width: var(--circle-size);<br /> height: var(--circle-size);<br /> <br /> flex: 0 0 auto;<br /> <br /> display: flex;<br /> <br /> align-items: center;<br /> justify-content: center;<br /> <br /> z-index: 2;<br /> }<br /> <br /> <br /> /* =========================================================<br /> دایره اصلی<br /> ========================================================= */<br /> <br /> .step-circle {<br /> <br /> width: 100%;<br /> height: 100%;<br /> <br /> position: relative;<br /> <br /> border: var(--line-width) solid var(--main-green);<br /> <br /> border-radius: 50%;<br /> <br /> background: var(--circle-bg);<br /> <br /> display: flex;<br /> <br /> flex-direction: column;<br /> <br /> align-items: center;<br /> <br /> justify-content: center;<br /> <br /> text-align: center;<br /> <br /> box-shadow:<br /> 0 clamp(8px, 1vw, 14px)<br /> clamp(12px, 1.6vw, 22px)<br /> var(--shadow-color);<br /> <br /> z-index: 3;<br /> }<br /> <br /> <br /> /* =========================================================<br /> حلقه خاکستری داخل دایره<br /> ========================================================= */<br /> <br /> .step-circle::before {<br /> <br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> <br /> inset: clamp(<br /> 5px,<br /> .6vw,<br /> 8px<br /> );<br /> <br /> border:<br /> <br /> clamp(<br /> 3px,<br /> .35vw,<br /> 5px<br /> )<br /> <br /> solid var(--inner-ring);<br /> <br /> border-radius: 50%;<br /> <br /> pointer-events: none;<br /> }<br /> <br /> <br /> /* =========================================================<br /> آیکون<br /> ========================================================= */<br /> <br /> .step-icon {<br /> <br /> width: clamp(<br /> 55px,<br /> 6vw,<br /> 78px<br /> );<br /> <br /> height: clamp(<br /> 55px,<br /> 6vw,<br /> 78px<br /> );<br /> <br /> display: flex;<br /> <br /> align-items: center;<br /> justify-content: center;<br /> <br /> color: var(--icon-color);<br /> <br /> font-size: var(--icon-size);<br /> <br /> margin-bottom: var(--icon-margin);<br /> <br /> flex-shrink: 0;<br /> <br /> /* هیچ حرکت یا انیمیشنی ندارد */<br /> transform: none;<br /> <br /> transition: none;<br /> <br /> animation: none;<br /> }<br /> <br /> <br /> /* =========================================================<br /> متن مرحله<br /> ========================================================= */<br /> <br /> .step-content {<br /> <br /> position: relative;<br /> <br /> z-index: 4;<br /> <br /> width: 100%;<br /> <br /> padding-left: clamp(<br /> 10px,<br /> 1.5vw,<br /> 20px<br /> );<br /> <br /> padding-right: clamp(<br /> 10px,<br /> 1.5vw,<br /> 20px<br /> );<br /> <br /> text-align: center;<br /> }<br /> <br /> .step-content h3 {<br /> <br /> color: var(--text-color);<br /> <br /> font-size: var(--step-title-size);<br /> <br /> font-weight: 700;<br /> <br /> line-height: 1.7;<br /> <br /> white-space: normal;<br /> }<br /> <br /> .step-content p {<br /> <br /> margin-top: 3px;<br /> <br /> color: var(--description-color);<br /> <br /> font-size: clamp(<br /> 9px,<br /> .8vw,<br /> 12px<br /> );<br /> <br /> line-height: 1.6;<br /> }<br /> <br /> <br /> /* =========================================================<br /> خطوط اتصال موبایل<br /> ========================================================= */<br /> <br /> .process-step:not(:last-child)::after {<br /> <br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> <br /> width: clamp(<br /> 35px,<br /> 12vw,<br /> 55px<br /> );<br /> <br /> height: clamp(<br /> 40px,<br /> 12vw,<br /> 65px<br /> );<br /> <br /> left: 50%;<br /> <br /> bottom: clamp(<br /> -55px,<br /> -7vw,<br /> -40px<br /> );<br /> <br /> transform: translateX(-50%);<br /> <br /> border-left:<br /> var(--line-width)<br /> solid<br /> var(--main-green);<br /> <br /> border-right:<br /> var(--line-width)<br /> solid<br /> var(--main-green);<br /> <br /> border-radius: 40px;<br /> <br /> z-index: 1;<br /> }<br /> <br /> <br /> /* =========================================================<br /> نقطه اتصال موبایل<br /> ========================================================= */<br /> <br /> .process-step:not(:last-child)::before {<br /> <br /> content: &quot;&quot;;<br /> <br /> position: absolute;<br /> <br /> width: clamp(<br /> 7px,<br /> 1.2vw,<br /> 10px<br /> );<br /> <br /> height: clamp(<br /> 7px,<br /> 1.2vw,<br /> 10px<br /> );<br /> <br /> left: calc(50% + 20px);<br /> <br /> bottom: clamp(<br /> -61px,<br /> -7.8vw,<br /> -48px<br /> );<br /> <br /> background: var(--section-bg);<br /> <br /> border:<br /> 2px solid<br /> var(--main-green);<br /> <br /> border-radius: 50%;<br /> <br /> z-index: 5;<br /> }<br /> <br /> <br /> /* =========================================================<br /> TABLET و DESKTOP<br /> ========================================================= */<br /> <br /> @media (min-width: 768px) {<br /> <br /> .process-container {<br /> <br /> flex-direction: row;<br /> <br /> align-items: center;<br /> <br /> justify-content: space-between;<br /> <br /> /*<br /> فاصله صفر است تا 5 دایره<br /> دقیقاً داخل عرض قرار بگیرند<br /> */<br /> gap: 0;<br /> <br /> padding-left: 0;<br /> padding-right: 0;<br /> }<br /> <br /> <br /> .process-step {<br /> <br /> /*<br /> هر مرحله 20 درصد فضای موجود<br /> را در اختیار دارد<br /> */<br /> width: 20%;<br /> <br /> height: auto;<br /> <br /> aspect-ratio: 1 / 1;<br /> <br /> max-width: var(--circle-size);<br /> <br /> /*<br /> جلوگیری از بیرون رفتن دایره<br /> */<br /> flex: 0 1 var(--circle-size);<br /> }<br /> <br /> <br /> /* =====================================================<br /> خط اتصال افقی<br /> ===================================================== */<br /> <br /> .process-step:not(:last-child)::after {<br /> <br /> width: clamp(<br /> 45px,<br /> 7vw,<br /> 100px<br /> );<br /> <br /> height: clamp(<br /> 45px,<br /> 5.5vw,<br /> 75px<br /> );<br /> <br /> /*<br /> خط از لبه دایره به سمت دایره بعدی<br /> */<br /> <br /> top: 50%;<br /> <br /> right: clamp(<br /> -55px,<br /> -5vw,<br /> -35px<br /> );<br /> <br /> left: auto;<br /> <br /> bottom: auto;<br /> <br /> transform: translateY(-50%);<br /> <br /> border-left: 0;<br /> <br /> border-right: 0;<br /> <br /> border-top:<br /> var(--line-width)<br /> solid<br /> var(--main-green);<br /> <br /> border-bottom:<br /> var(--line-width)<br /> solid<br /> var(--main-green);<br /> <br /> border-radius: 50px;<br /> <br /> z-index: 1;<br /> }<br /> <br /> <br /> /* =====================================================<br /> نقطه اتصال دسکتاپ<br /> ===================================================== */<br /> <br /> .process-step:not(:last-child)::before {<br /> <br /> width: clamp(<br /> 7px,<br /> .7vw,<br /> 10px<br /> );<br /> <br /> height: clamp(<br /> 7px,<br /> .7vw,<br /> 10px<br /> );<br /> <br /> top: 50%;<br /> <br /> right: clamp(<br /> -7px,<br /> -.5vw,<br /> -4px<br /> );<br /> <br /> left: auto;<br /> <br /> bottom: auto;<br /> <br /> transform: translateY(-50%);<br /> <br /> background: var(--section-bg);<br /> <br /> border:<br /> 2px solid<br /> var(--main-green);<br /> <br /> z-index: 5;<br /> }<br /> }<br /> <br /> <br /> /* =========================================================<br /> دسکتاپ متوسط<br /> 768 تا 1100<br /> ========================================================= */<br /> <br /> @media (min-width: 768px) and (max-width: 1100px) {<br /> <br /> :root {<br /> <br /> --circle-size: clamp(<br /> 140px,<br /> 17vw,<br /> 175px<br /> );<br /> <br /> --icon-size: clamp(<br /> 32px,<br /> 4vw,<br /> 42px<br /> );<br /> <br /> --step-title-size: clamp(<br /> 11px,<br /> 1.4vw,<br /> 14px<br /> );<br /> }<br /> <br /> <br /> .process-container {<br /> <br /> max-width: 100%;<br /> <br /> padding-left: 8px;<br /> padding-right: 8px;<br /> }<br /> <br /> <br /> .process-step:not(:last-child)::after {<br /> <br /> width: clamp(<br /> 35px,<br /> 5vw,<br /> 60px<br /> );<br /> <br /> right: clamp(<br /> -32px,<br /> -4vw,<br /> -25px<br /> );<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> دسکتاپ بزرگ<br /> بالای 1100<br /> ========================================================= */<br /> <br /> @media (min-width: 1101px) {<br /> <br /> :root {<br /> <br /> --circle-size: clamp(<br /> 180px,<br /> 16vw,<br /> 225px<br /> );<br /> }<br /> <br /> .process-container {<br /> <br /> max-width: 1400px;<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> مانیتورهای خیلی بزرگ<br /> ========================================================= */<br /> <br /> @media (min-width: 1500px) {<br /> <br /> :root {<br /> <br /> --circle-size: 225px;<br /> <br /> --icon-size: 52px;<br /> <br /> --step-title-size: 17px;<br /> }<br /> <br /> .process-container {<br /> <br /> max-width: 1400px;<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> موبایل<br /> ========================================================= */<br /> <br /> @media (max-width: 767px) {<br /> <br /> .process-container {<br /> <br /> width: 100%;<br /> <br /> max-width: 100%;<br /> <br /> gap: clamp(<br /> 40px,<br /> 9vw,<br /> 60px<br /> );<br /> }<br /> <br /> <br /> .process-step {<br /> <br /> width: var(--circle-size);<br /> <br /> height: var(--circle-size);<br /> <br /> max-width: none;<br /> <br /> aspect-ratio: auto;<br /> }<br /> <br /> <br /> /* در موبایل توضیحات مخفی می‌شوند */<br /> <br /> .step-content p {<br /> display: none;<br /> }<br /> <br /> <br /> .step-content h3 {<br /> <br /> font-size: clamp(<br /> 14px,<br /> 4vw,<br /> 17px<br /> );<br /> }<br /> <br /> <br /> .step-icon {<br /> <br /> font-size: clamp(<br /> 38px,<br /> 11vw,<br /> 48px<br /> );<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> موبایل کوچک<br /> ========================================================= */<br /> <br /> @media (max-width: 380px) {<br /> <br /> :root {<br /> <br /> --circle-size: 190px;<br /> }<br /> <br /> .order-process {<br /> <br /> padding-right: 5px;<br /> padding-left: 5px;<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> جلوگیری از حرکت و افکت ناخواسته<br /> ========================================================= */<br /> <br /> .step-circle,<br /> .step-icon,<br /> .step-circle *,<br /> .process-step {<br /> <br /> transition: none !important;<br /> <br /> animation: none !important;<br /> }<br /> <br /> <br /> /* =========================================================<br /> دسترسی بهتر<br /> ========================================================= */<br /> <br /> @media (prefers-reduced-motion: reduce) {<br /> <br /> *,<br /> *::before,<br /> *::after {<br /> <br /> scroll-behavior: auto !important;<br /> <br /> animation: none !important;<br /> <br /> transition: none !important;<br /> }<br /> }<br /> <br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> <br /> &lt;body&gt;<br /> <br /> <br /> &lt;!-- =======================================================<br /> مراحل ثبت سفارش چاپ و تبلیغات<br /> ======================================================= --&gt;<br /> <br /> &lt;section<br /> class=&quot;order-process&quot;<br /> aria-labelledby=&quot;order-process-title&quot;&gt;<br /> <br /> <br /> &lt;!-- عنوان بخش --&gt;<br /> <br /> &lt;header class=&quot;order-process-title&quot;&gt;<br /> <br /> &lt;h2 id=&quot;order-process-title&quot;&gt;<br /> مراحل ثبت سفارش چاپ و تبلیغات<br /> &lt;/h2&gt;<br /> <br /> &lt;p&gt;<br /> سفارش خدمات چاپ و تبلیغات در چند مرحله ساده<br /> &lt;/p&gt;<br /> <br /> &lt;/header&gt;<br /> <br /> <br /> &lt;!-- مراحل --&gt;<br /> <br /> &lt;div class=&quot;process-container&quot;&gt;<br /> <br /> <br /> &lt;!-- ===============================================<br /> مرحله 1<br /> ================================================ --&gt;<br /> <br /> &lt;article<br /> class=&quot;process-step&quot;<br /> aria-label=&quot;مرحله اول انتخاب خدمات چاپ&quot;&gt;<br /> <br /> &lt;div class=&quot;step-circle&quot;&gt;<br /> <br /> &lt;div<br /> class=&quot;step-icon&quot;<br /> aria-hidden=&quot;true&quot;&gt;<br /> <br /> &lt;i class=&quot;fa-solid fa-print&quot;&gt;&lt;/i&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;step-content&quot;&gt;<br /> <br /> &lt;h3&gt;<br /> انتخاب خدمات چاپ<br /> &lt;/h3&gt;<br /> <br /> &lt;p&gt;<br /> انتخاب محصول چاپی مورد نیاز<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/article&gt;<br /> <br /> <br /> &lt;!-- ===============================================<br /> مرحله 2<br /> ================================================ --&gt;<br /> <br /> &lt;article<br /> class=&quot;process-step&quot;<br /> aria-label=&quot;مرحله دوم انتخاب مشخصات سفارش&quot;&gt;<br /> <br /> &lt;div class=&quot;step-circle&quot;&gt;<br /> <br /> &lt;div<br /> class=&quot;step-icon&quot;<br /> aria-hidden=&quot;true&quot;&gt;<br /> <br /> &lt;i class=&quot;fa-solid fa-list-check&quot;&gt;&lt;/i&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;step-content&quot;&gt;<br /> <br /> &lt;h3&gt;<br /> انتخاب مشخصات<br /> &lt;/h3&gt;<br /> <br /> &lt;p&gt;<br /> تعیین ابعاد، جنس و تیراژ چاپ<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/article&gt;<br /> <br /> <br /> &lt;!-- ===============================================<br /> مرحله 3<br /> ================================================ --&gt;<br /> <br /> &lt;article<br /> class=&quot;process-step&quot;<br /> aria-label=&quot;مرحله سوم ارسال فایل چاپی&quot;&gt;<br /> <br /> &lt;div class=&quot;step-circle&quot;&gt;<br /> <br /> &lt;div<br /> class=&quot;step-icon&quot;<br /> aria-hidden=&quot;true&quot;&gt;<br /> <br /> &lt;i class=&quot;fa-solid fa-file-arrow-up&quot;&gt;&lt;/i&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;step-content&quot;&gt;<br /> <br /> &lt;h3&gt;<br /> ارسال فایل چاپی<br /> &lt;/h3&gt;<br /> <br /> &lt;p&gt;<br /> ارسال فایل طراحی برای چاپ<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/article&gt;<br /> <br /> <br /> &lt;!-- ===============================================<br /> مرحله 4<br /> ================================================ --&gt;<br /> <br /> &lt;article<br /> class=&quot;process-step&quot;<br /> aria-label=&quot;مرحله چهارم تایید سفارش&quot;&gt;<br /> <br /> &lt;div class=&quot;step-circle&quot;&gt;<br /> <br /> &lt;div<br /> class=&quot;step-icon&quot;<br /> aria-hidden=&quot;true&quot;&gt;<br /> <br /> &lt;i class=&quot;fa-solid fa-clipboard-check&quot;&gt;&lt;/i&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;step-content&quot;&gt;<br /> <br /> &lt;h3&gt;<br /> تأیید سفارش<br /> &lt;/h3&gt;<br /> <br /> &lt;p&gt;<br /> بررسی و تأیید نهایی سفارش<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/article&gt;<br /> <br /> <br /> &lt;!-- ===============================================<br /> مرحله 5<br /> ================================================ --&gt;<br /> <br /> &lt;article<br /> class=&quot;process-step&quot;<br /> aria-label=&quot;مرحله پنجم چاپ و تحویل سفارش&quot;&gt;<br /> <br /> &lt;div class=&quot;step-circle&quot;&gt;<br /> <br /> &lt;div<br /> class=&quot;step-icon&quot;<br /> aria-hidden=&quot;true&quot;&gt;<br /> <br /> &lt;i class=&quot;fa-solid fa-box-open&quot;&gt;&lt;/i&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;step-content&quot;&gt;<br /> <br /> &lt;h3&gt;<br /> چاپ و تحویل سفارش<br /> &lt;/h3&gt;<br /> <br /> &lt;p&gt;<br /> چاپ نهایی و تحویل سفارش<br /> &lt;/p&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/article&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/section&gt;<br /> <br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;</div>

Javid