https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%D9%86%D8%B8%D8%B1%D8%A7%D8%AA_%D9%85%D8%B4%D8%AA%D8%B1%DB%8C 2026-07-27T06:22:23Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی MediaWiki 1.43.8 https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%86%D8%B8%D8%B1%D8%A7%D8%AA_%D9%85%D8%B4%D8%AA%D8%B1%DB%8C&diff=3448&oldid=prev 2026-07-20T08:55:44Z

<p></p> <a href="https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%86%D8%B8%D8%B1%D8%A7%D8%AA_%D9%85%D8%B4%D8%AA%D8%B1%DB%8C&amp;diff=3448&amp;oldid=3446">نمایش تغییرات</a>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%86%D8%B8%D8%B1%D8%A7%D8%AA_%D9%85%D8%B4%D8%AA%D8%B1%DB%8C&diff=3446&oldid=prev 2026-07-20T08:50:20Z

<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-l52">خط ۵۲:</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>             display: flex;</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>             display: flex;</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>             justify-content: space-between;</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>             justify-content: space-between;</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>             align-items: <del style="font-weight: bold; text-decoration: none;">center</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>             align-items: <ins style="font-weight: bold; text-decoration: none;">rtl</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>             flex-wrap: wrap;</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>             flex-wrap: wrap;</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>             margin-bottom: 15px;</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: 15px;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l60">خط ۶۰:</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>         .user-info {</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>         .user-info {</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>             display: flex;</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>             display: flex;</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>             align-items: <del style="font-weight: bold; text-decoration: none;">center</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>             align-items: <ins style="font-weight: bold; text-decoration: none;">rtl</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>             gap: 10px;</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>             gap: 10px;</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>             font-size: 0.85rem;</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: 0.85rem;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l73">خط ۷۳:</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>         .rating-side {</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>         .rating-side {</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>             display: flex;</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>             display: flex;</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>             align-items: <del style="font-weight: bold; text-decoration: none;">center</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>             align-items: <ins style="font-weight: bold; text-decoration: none;">rtl</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>             gap: 12px;</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>             gap: 12px;</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-l88">خط ۸۸:</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>             font-size: 0.9rem;</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: 0.9rem;</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>             display: flex;</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>             display: flex;</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>             align-items: <del style="font-weight: bold; text-decoration: none;">center</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>             align-items: <ins style="font-weight: bold; text-decoration: none;">rtl</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>             gap: 4px;</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>             gap: 4px;</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> <!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-3444:rev-3446:php=table --> </table>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%86%D8%B8%D8%B1%D8%A7%D8%AA_%D9%85%D8%B4%D8%AA%D8%B1%DB%8C&diff=3444&oldid=prev 2026-07-20T08:47:34Z

<p></p> <a href="https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%86%D8%B8%D8%B1%D8%A7%D8%AA_%D9%85%D8%B4%D8%AA%D8%B1%DB%8C&amp;diff=3444&amp;oldid=3443">نمایش تغییرات</a>

Javid https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%86%D8%B8%D8%B1%D8%A7%D8%AA_%D9%85%D8%B4%D8%AA%D8%B1%DB%8C&diff=3443&oldid=prev 2026-07-20T08:41:13Z

<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;style&gt; :root { --primary-green: #e6f7ef; --text-green: #1aaa72; --star-color: #f9bc05; --border-color: #f0f0f0; --yellow-active: #f9bc05; } body {...» ایجاد کرد</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 /> &lt;title&gt;نظرات مشتریان - چاپ نعمتی&lt;/title&gt;<br /> &lt;style&gt;<br /> :root {<br /> --primary-green: #e6f7ef;<br /> --text-green: #1aaa72;<br /> --star-color: #f9bc05;<br /> --border-color: #f0f0f0;<br /> --yellow-active: #f9bc05;<br /> }<br /> <br /> body {<br /> font-family: &#039;IRANSans&#039;, Tahoma, sans-serif;<br /> background-color: #f5f5f5;<br /> padding: 20px;<br /> color: #444;<br /> }<br /> <br /> .comments-container {<br /> max-width: 900px;<br /> margin: 0 auto;<br /> background: #fff;<br /> border-radius: 12px;<br /> padding: 25px;<br /> box-shadow: 0 4px 15px rgba(0,0,0,0.05);<br /> }<br /> <br /> .header-title {<br /> font-size: 1.2rem;<br /> font-weight: bold;<br /> margin-bottom: 20px;<br /> border-bottom: 2px solid var(--border-color);<br /> padding-bottom: 10px;<br /> }<br /> <br /> .comment-item {<br /> padding: 20px 0;<br /> border-bottom: 1px solid var(--border-color);<br /> }<br /> <br /> .comment-item:last-child {<br /> border-bottom: none;<br /> }<br /> <br /> .comment-meta {<br /> display: flex;<br /> justify-content: space-between;<br /> align-items: center;<br /> margin-bottom: 15px;<br /> }<br /> <br /> .suggest-tag {<br /> background-color: var(--primary-green);<br /> color: var(--text-green);<br /> padding: 5px 15px;<br /> border-radius: 20px;<br /> font-size: 0.85rem;<br /> display: inline-flex;<br /> align-items: center;<br /> }<br /> <br /> .rating-info {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> font-size: 0.9rem;<br /> color: #888;<br /> }<br /> <br /> .stars {<br /> color: var(--star-color);<br /> letter-spacing: 2px;<br /> }<br /> <br /> .comment-content h4 {<br /> margin: 10px 0;<br /> font-size: 1rem;<br /> color: #333;<br /> }<br /> <br /> .comment-content p {<br /> font-size: 0.95rem;<br /> line-height: 1.8;<br /> color: #666;<br /> margin-bottom: 15px;<br /> }<br /> <br /> .admin-reply {<br /> background-color: #fafafa;<br /> border-right: 4px solid #ff7900;<br /> padding: 15px;<br /> margin-top: 15px;<br /> font-size: 0.9rem;<br /> border-radius: 4px;<br /> }<br /> <br /> .admin-reply span {<br /> color: #ff7900;<br /> font-weight: bold;<br /> display: block;<br /> margin-bottom: 5px;<br /> }<br /> <br /> .actions {<br /> display: flex;<br /> gap: 20px;<br /> margin-top: 15px;<br /> }<br /> <br /> .action-btn {<br /> display: flex;<br /> align-items: center;<br /> gap: 5px;<br /> cursor: pointer;<br /> color: #aaa;<br /> transition: all 0.3s ease;<br /> user-select: none;<br /> border: 1px solid #eee;<br /> padding: 4px 12px;<br /> border-radius: 8px;<br /> }<br /> <br /> /* کلاس فعال برای تغییر رنگ به زرد */<br /> .action-btn.active {<br /> color: var(--yellow-active);<br /> border-color: var(--yellow-active);<br /> }<br /> <br /> .action-btn i {<br /> font-size: 1.1rem;<br /> }<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;div class=&quot;comments-container&quot;&gt;<br /> &lt;div class=&quot;header-title&quot;&gt;نظرات مشتریان چاپ نعمتی&lt;/div&gt;<br /> <br /> &lt;!-- نظر اول --&gt;<br /> &lt;div class=&quot;comment-item&quot;&gt;<br /> &lt;div class=&quot;comment-meta&quot;&gt;<br /> &lt;div&gt;<br /> &lt;span class=&quot;suggest-tag&quot;&gt;این محصول را پیشنهاد می‌کنم&lt;/span&gt;<br /> &lt;span style=&quot;margin: 0 10px; color: #ccc;&quot;&gt;|&lt;/span&gt;<br /> &lt;span class=&quot;rating-info&quot;&gt;۵ &lt;span class=&quot;stars&quot;&gt;★★★★★&lt;/span&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size: 0.85rem; color: #999;&quot;&gt;۱۴ فروردین ۱۴۰۴ | کاربر مهمان&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;comment-content&quot;&gt;<br /> &lt;h4&gt;کیفیت چاپ عالی و قیمت منصفانه&lt;/h4&gt;<br /> &lt;p&gt;دقت چاپ و وضوح رنگ‌ها واقعاً راضی‌کننده بود. پانج‌ها هم دقیق و تمیز انجام شده بود. از نظر قیمت هم نسبت به کیفیت کاملاً منطقی بود.&lt;/p&gt;<br /> <br /> &lt;div class=&quot;admin-reply&quot;&gt;<br /> &lt;span&gt;پاسخ چاپ نعمتی:&lt;/span&gt;<br /> سلام جناب آقای نعمتی عزیز، ممنون از حسن انتخاب و اعتماد شما به مجموعه ما.<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;actions&quot;&gt;<br /> &lt;div class=&quot;action-btn&quot; onclick=&quot;toggleActive(this)&quot;&gt; &lt;span&gt;۰&lt;/span&gt; 👍 &lt;/div&gt;<br /> &lt;div class=&quot;action-btn&quot; onclick=&quot;toggleActive(this)&quot;&gt; &lt;span&gt;۰&lt;/span&gt; 👎 &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- نظر دوم --&gt;<br /> &lt;div class=&quot;comment-item&quot;&gt;<br /> &lt;div class=&quot;comment-meta&quot;&gt;<br /> &lt;div&gt;<br /> &lt;span class=&quot;suggest-tag&quot;&gt;این محصول را پیشنهاد می‌کنم&lt;/span&gt;<br /> &lt;span style=&quot;margin: 0 10px; color: #ccc;&quot;&gt;|&lt;/span&gt;<br /> &lt;span class=&quot;rating-info&quot;&gt;۴.۵ &lt;span class=&quot;stars&quot;&gt;★★★★☆&lt;/span&gt;&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;font-size: 0.85rem; color: #999;&quot;&gt;۲۰ اردیبهشت ۱۴۰۵ | امیر امیری&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;comment-content&quot;&gt;<br /> &lt;h4&gt;بنر نمایشگاه&lt;/h4&gt;<br /> &lt;p&gt;بنر نمایشگاه ما رو کار کردن، ما چون توی این ۴ سال مشتری ثابت چاپ نعمتی هستیم، بنر رو هم از خودشون گرفتیم و مثل همیشه عالی بود.&lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;actions&quot;&gt;<br /> &lt;div class=&quot;action-btn&quot; onclick=&quot;toggleActive(this)&quot;&gt; &lt;span&gt;۲&lt;/span&gt; 👍 &lt;/div&gt;<br /> &lt;div class=&quot;action-btn&quot; onclick=&quot;toggleActive(this)&quot;&gt; &lt;span&gt;۰&lt;/span&gt; 👎 &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;script&gt;<br /> // تابع برای تغییر رنگ دکمه‌ها به زرد هنگام کلیک<br /> function toggleActive(element) {<br /> element.classList.toggle(&#039;active&#039;);<br /> }<br /> &lt;/script&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;</div>

Javid