الگو:کانتینر نامنظم/بخشنده - تاریخچهٔ نسخه‌ها

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_%D9%86%D8%A7%D9%85%D9%86%D8%B8%D9%85%2F%D8%A8%D8%AE%D8%B4%D9%86%D8%AF%D9%87 الگو:کانتینر نامنظم/بخشنده - تاریخچهٔ نسخه‌ها 2026-08-24T23:55:27Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی 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_%D9%86%D8%A7%D9%85%D9%86%D8%B8%D9%85/%D8%A8%D8%AE%D8%B4%D9%86%D8%AF%D9%87&diff=6890&oldid=prev Javid: صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { box-sizing: border-box; margin: 0; padding: 0; } .gallery-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 200px; gap: 10px; padding: 10px; max-width: 1200px;...» ایجاد کرد 2026-08-24T13:28:39Z

<p>صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * { box-sizing: border-box; margin: 0; padding: 0; } .gallery-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 200px; gap: 10px; padding: 10px; max-width: 1200px;...» ایجاد کرد</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 /> <style><br /> * { box-sizing: border-box; margin: 0; padding: 0; }<br /> <br /> .gallery-wrapper {<br /> display: grid;<br /> grid-template-columns: repeat(3, 1fr);<br /> grid-auto-rows: 200px;<br /> gap: 10px;<br /> padding: 10px;<br /> max-width: 1200px;<br /> margin: auto;<br /> }<br /> <br /> .gallery-item {<br /> position: relative;<br /> overflow: hidden;<br /> border-radius: 25px 0 25px 0;<br /> cursor: pointer;<br /> }<br /> <br /> /* فیت شدن تصویر در هر اندازه ای */<br /> .gallery-item img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: cover; <br /> display: block;<br /> }<br /> <br /> /* افکت باز شدن از وسط به طرفین */<br /> .overlay {<br /> position: absolute;<br /> top: 0; left: 0;<br /> width: 100%; height: 100%;<br /> background: rgba(0, 0, 0, 0.6);<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> color: #fff;<br /> font-weight: bold;<br /> <br /> /* شروع: لایه از وسط جمع شده */<br /> clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);<br /> transition: clip-path 0.5s ease-out;<br /> }<br /> <br /> /* زمان هاور: باز شدن به طرفین */<br /> .gallery-item:hover .overlay {<br /> clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);<br /> }<br /> <br /> .wide { grid-column: span 2; }<br /> <br /> /* حفظ چیدمان در موبایل */<br /> @media (max-width: 480px) {<br /> .gallery-wrapper { grid-auto-rows: 120px; }<br /> }<br /> </style><br /> </head><br /> <body><br /> <br /> <div class="gallery-wrapper"><br /> <br /> <div class="gallery-item wide"><br /> <img src="https://dl.faraghaib.ir/m/260009-01/260009-01-15.jpg" alt="مراحل اهدا تخمک و انتخاب اهداکننده"><br /> <div class="overlay">خدمات اهدای تخمک</div><br /> </div><br /> <br /> <br /> <div class="gallery-item"><br /> <img src="https://dl.faraghaib.ir/m/260009-01/260009-01-36.png" alt="مشاوره تخصصی رحم جایگزین"><br /> <div class="overlay">رحم جایگزین</div><br /> </div><br /> <br /> <br /> <div class="gallery-item"><br /> <img src="https://dl.faraghaib.ir/m/260009-01/260009-01-22.jpg" alt="شرایط و قوانین اهدای جنین"><br /> <div class="overlay">اهدای جنین</div><br /> </div><br /> <br /> <br /> <div class="gallery-item wide"><br /> <img src="https://dl.faraghaib.ir/m/260009-01/260009-01-22.jpg" alt="مشاوره رایگان درمان ناباروری"><br /> <div class="overlay">مشاوره رایگان درمان</div><br /> </div><br /> <br /> <div class="gallery-item wide"><br /> <img src="https://dl.faraghaib.ir/m/260009-01/260009-01-22.jpg" alt="بانک تخمک و جنین"><br /> <div class="overlay">بانک تخمک و جنین</div><br /> </div><br /> <br /> <div class="gallery-item"><br /> <img src="https://dl.faraghaib.ir/m/260009-01/260009-01-22.jpg" alt="پشتیبانی حقوقی و پزشکی"><br /> <div class="overlay">پشتیبانی حقوقی و پزشکی</div><br /> </div><br /> </div><br /> <br /> <br /> </body><br /> </html></div>

Javid