الگو:کانتینر 4 کادر/کافه - تاریخچهٔ نسخه‌ها

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_4_%DA%A9%D8%A7%D8%AF%D8%B1%2F%DA%A9%D8%A7%D9%81%D9%87 الگو:کانتینر 4 کادر/کافه - تاریخچهٔ نسخه‌ها 2026-08-26T08:36:36Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی 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_4_%DA%A9%D8%A7%D8%AF%D8%B1/%DA%A9%D8%A7%D9%81%D9%87&diff=6402&oldid=prev Javid: صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>دوره های روانشناسی و خودشناسی</title> <style> :root { --primary-green: #2d5a4c; /* سبز تیره برای متون و دکمه */ --light-green: #3B2F2F; /* سبز بسیار ملایم برای پس‌زمینه کارت */...» ایجاد کرد 2026-08-16T12:06:42Z

<p>صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>دوره های روانشناسی و خودشناسی</title> <style> :root { --primary-green: #2d5a4c; <span class="autocomment">سبز تیره برای متون و دکمه: </span> --light-green: #3B2F2F; <span class="autocomment">سبز بسیار ملایم برای پس‌زمینه کارت: </span>...» ایجاد کرد</p> <p><b>صفحهٔ تازه</b></p><div><br /> <html lang="fa" dir="rtl"><br /> <head><br /> <meta charset="UTF-8"><br /> <meta name="viewport" content="width=device-width, initial-scale=1.0"><br /> <title>دوره های روانشناسی و خودشناسی</title><br /> <style><br /> :root {<br /> --primary-green: #2d5a4c; /* سبز تیره برای متون و دکمه */<br /> --light-green: #3B2F2F; /* سبز بسیار ملایم برای پس‌زمینه کارت */<br /> --hover-green: #3d7a67;<br /> --border-radius: 12px;<br /> }<br /> <br /> body {<br /> font-family: 'iransans', sans-serif;<br /> background-color: #fdfdfd;<br /> margin: 0;<br /> padding: 20px;<br /> }<br /> <br /> /* کانتینر اصلی با چیدمان گرید */<br /> .card-grid {<br /> display: grid;<br /> gap: 20px;<br /> max-width: 1200px;<br /> margin: 0 auto;<br /> /* Mobile-First: پیش‌فرض ۱ ستون */<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> /* استایل کارت مشابه تصویر */<br /> .card {<br /> background: var(--light-green);<br /> border: 1px solid #e0e6e3;<br /> border-radius: var(--border-radius);<br /> padding: 8px;<br /> display: flex;<br /> flex-direction: column;<br /> align-items: center;<br /> text-align: center;<br /> box-shadow: 0 4px 6px rgba(0,0,0,0.02);<br /> transition: all 0.3s ease;<br /> }<br /> <br /> .card:hover {<br /> box-shadow: 0 10px 20px rgba(45, 90, 76, 0.1);<br /> transform: translateY(-5px);<br /> }<br /> <br /> /* بخش تصویر دوره */<br /> .card-image-wrapper {<br /> width: 100%;<br /> aspect-ratio: 16 / 9; /* حفظ تناسب تصویر */<br /> overflow: hidden;<br /> border-radius: 10px;<br /> margin-bottom: 20px;<br /> background-color: #ddd; /* جایگزین موقت تا عکس لود شود */<br /> }<br /> <br /> .card-image-wrapper img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: cover; /* تصویر را بدون دفرمه شدن فیت می‌کند */<br /> }<br /> <br /> /* عنوان دوره (سئو شده با h3) */<br /> .card-title {<br /> font-size: 1.1rem;<br /> color: #D7CCC8;<br /> margin-bottom: 25px;<br /> min-height: 60px; /* برای یکسان ماندن اندازه کارت‌ها */<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> }<br /> <br /> /* استایل دکمه اطلاعات بیشتر */<br /> .btn-info {<br /> background-color: #0d004d; /* رنگ تیره دکمه در عکس اصلی */<br /> color: white;<br /> text-decoration: none;<br /> padding: 12px 35px;<br /> border-radius: 8px;<br /> font-size: 0.9rem;<br /> font-weight: bold;<br /> width: 80%; /* دکمه عریض مشابه عکس */<br /> transition: background 0.3s;<br /> }<br /> <br /> .btn-info:hover {<br /> background-color: var(--primary-green);<br /> }<br /> <br /> /* تغییر چیدمان برای تبلت و دسکتاپ */<br /> @media (min-width: 768px) {<br /> .card-grid { grid-template-columns: repeat(2, 1fr); }<br /> }<br /> <br /> @media (min-width: 1024px) {<br /> .card-grid { grid-template-columns: repeat(4, 1fr); }<br /> }<br /> </style><br /> </head><br /> <body><br /> <br /> <div class="card-grid"><br /> <br /> <article class="card"><br /> <div class="card-image-wrapper"><br /> <br /> <img src="https://dl.faraghaib.ir/m/260012/26001201.jpg" alt="دوره خودشناسی"><br /> </div><br /> <h3 class="card-title"> فضای دلچسب/h3><br /> </article><br /> <br /> <br /> <article class="card"><br /> <div class="card-image-wrapper"><br /> <img src="https://dl.faraghaib.ir/m/260012/26001202.jpg" alt="دوره اعتماد به نفس"><br /> </div><br /> <h3 class="card-title">رزرو میز</h3><br /> </article><br /> <br /> <br /> <article class="card"><br /> <div class="card-image-wrapper"><br /> <img src="https://dl.faraghaib.ir/m/260012/26001203.jpg" alt="دوره سلامت روان"><br /> </div><br /> <h3 class="card-title">سفارش نوشیدنی</h3><br /> </article><br /> <br /> <br /> <article class="card"><br /> <div class="card-image-wrapper"><br /> <img src="https://dl.faraghaib.ir/m/260012/26001204.jpg" alt="دوره فن بیان"><br /> </div><br /> <h3 class="card-title">سفارش بیرون‌بر</h3><br /> </article><br /> </div><br /> <br /> </body><br /> </html></div>

Javid