الگو:کانتینر 3 در 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_3_%D8%AF%D8%B1_4%2F%D8%B9%D9%84%DB%8C%D8%B1%D8%B6%D8%A7%DB%8C%DB%8C الگو:کانتینر 3 در 4/علیرضایی - تاریخچهٔ نسخه‌ها 2026-08-25T20:31:24Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی 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_3_%D8%AF%D8%B1_4/%D8%B9%D9%84%DB%8C%D8%B1%D8%B6%D8%A7%DB%8C%DB%8C&diff=6552&oldid=prev Javid: صفحه‌ای تازه حاوی «<html>  <section class="mobile-services" aria-label="دسته‌بندی خدمات"> <nav class="mobile-services__grid" aria-label="منوی خدمات">  <a href="#" class="mobile-service" aria-label="خدمات"> <i class="fa-solid fa-cube" aria-hidden=...» ایجاد کرد 2026-08-18T06:45:53Z

<p>صفحه‌ای تازه حاوی «<html>  <section class="mobile-services" aria-label="دسته‌بندی خدمات"> <nav class="mobile-services__grid" aria-label="منوی خدمات">  <a href="#" class="mobile-service" aria-label="خدمات"> <i class="fa-solid fa-cube" aria-hidden=...» ایجاد کرد</p> <p><b>صفحهٔ تازه</b></p><div><html><br /> <br /> <br /> <section class="mobile-services" aria-label="دسته‌بندی خدمات"><br /> <br /> <nav class="mobile-services__grid" aria-label="منوی خدمات"><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="خدمات"><br /> <i class="fa-solid fa-cube" aria-hidden="true"></i><br /> <span>خدمات</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="زیبایی و پوشاک"><br /> <i class="fa-solid fa-person-dress" aria-hidden="true"></i><br /> <span>زیبایی و پوشاک</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="لوازم"><br /> <i class="fa-solid fa-bed" aria-hidden="true"></i><br /> <span>لوازم</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="صنعت"><br /> <i class="fa-solid fa-gears" aria-hidden="true"></i><br /> <span>صنعت</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="موبایل"><br /> <i class="fa-solid fa-mobile-screen-button" aria-hidden="true"></i><br /> <span>موبایل</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="آموزش"><br /> <i class="fa-solid fa-book" aria-hidden="true"></i><br /> <span>آموزش</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="کامپیوتر"><br /> <i class="fa-solid fa-laptop" aria-hidden="true"></i><br /> <span>کامپیوتر</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="کار و اشتراک"><br /> <i class="fa-solid fa-users" aria-hidden="true"></i><br /> <span>کار و اشتراک</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="ملکی"><br /> <i class="fa-solid fa-house" aria-hidden="true"></i><br /> <span>ملکی</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="خودرو"><br /> <i class="fa-solid fa-car" aria-hidden="true"></i><br /> <span>خودرو</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="تورهای مسافرتی"><br /> <i class="fa-solid fa-plane" aria-hidden="true"></i><br /> <span>تورهای مسافرتی</span><br /> </a><br /> <br /> <br /> <a href="#" class="mobile-service" aria-label="استخدام"><br /> <i class="fa-solid fa-person" aria-hidden="true"></i><br /> <span>استخدام</span><br /> </a><br /> <br /> </nav><br /> <br /> </section><br /> <br /> <br /> <br /> <link<br /> rel="stylesheet"<br /> href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"<br /> crossorigin="anonymous"<br /> referrerpolicy="no-referrer"<br /> /><br /> <br /> <br /> <style><br /> <br /> /* =========================================<br /> Mobile Services<br /> Mobile First<br /> ========================================= */<br /> <br /> .mobile-services{<br /> width:100%;<br /> max-width:100%;<br /> padding:4px 6px;<br /> margin:0 auto;<br /> box-sizing:border-box;<br /> direction:rtl;<br /> font-family:IRANSans, Tahoma, Arial, sans-serif;<br /> }<br /> <br /> /* شبکه 4 ستونه */<br /> .mobile-services__grid{<br /> width:100%;<br /> display:grid;<br /> grid-template-columns:repeat(4, 1fr);<br /> gap:3px;<br /> box-sizing:border-box;<br /> }<br /> <br /> /* =========================================<br /> کارت<br /> ========================================= */<br /> <br /> .mobile-service{<br /> min-width:0;<br /> height:84px;<br /> <br /> display:flex;<br /> flex-direction:column;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> background:#fff;<br /> color:#16245c;<br /> <br /> text-decoration:none;<br /> text-align:center;<br /> <br /> border:1px solid #e1e1e1;<br /> border-radius:9px;<br /> <br /> box-shadow:<br /> 0 2px 5px rgba(0,0,0,.10);<br /> <br /> box-sizing:border-box;<br /> <br /> /* جلوگیری از انتخاب ناخواسته متن در موبایل */<br /> -webkit-tap-highlight-color:transparent;<br /> <br /> transition:<br /> background-color .2s ease,<br /> box-shadow .2s ease;<br /> }<br /> <br /> /* =========================================<br /> آیکون<br /> ========================================= */<br /> <br /> .mobile-service i{<br /> display:block;<br /> <br /> font-size:19px;<br /> line-height:1;<br /> <br /> margin-bottom:9px;<br /> <br /> color:#858585;<br /> <br /> transition:color .2s ease;<br /> }<br /> <br /> /* =========================================<br /> متن<br /> ========================================= */<br /> <br /> .mobile-service span{<br /> display:block;<br /> <br /> width:100%;<br /> padding:0 2px;<br /> <br /> box-sizing:border-box;<br /> <br /> font-size:13px;<br /> line-height:1.35;<br /> <br /> font-weight:400;<br /> <br /> color:#16245c;<br /> <br /> white-space:nowrap;<br /> overflow:hidden;<br /> text-overflow:ellipsis;<br /> }<br /> <br /> /* استخدام - نارنجی */<br /> .mobile-service--orange span{<br /> color:#f07820;<br /> }<br /> <br /> .mobile-service--orange i{<br /> color:#858585;<br /> }<br /> <br /> <br /> /* =========================================<br /> لمس موبایل<br /> ========================================= */<br /> <br /> @media (hover:hover){<br /> <br /> .mobile-service:hover{<br /> background:#fafafa;<br /> box-shadow:<br /> 0 3px 8px rgba(0,0,0,.14);<br /> color:#e5660d;<br /> }<br /> <br /> .mobile-service:hover i{<br /> color:#e5660d;<br /> }<br /> <br /> .mobile-service:hover span{<br /> color:#e5660d;<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================<br /> موبایل‌های خیلی کوچک<br /> ========================================= */<br /> <br /> @media (max-width:360px){<br /> <br /> .mobile-services{<br /> padding-left:4px;<br /> padding-right:4px;<br /> }<br /> <br /> .mobile-services__grid{<br /> gap:3px;<br /> }<br /> <br /> .mobile-service{<br /> height:78px;<br /> border-radius:8px;<br /> }<br /> <br /> .mobile-service i{<br /> font-size:17px;<br /> margin-bottom:7px;<br /> }<br /> <br /> .mobile-service span{<br /> font-size:11px;<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================<br /> موبایل‌های بزرگ<br /> ========================================= */<br /> <br /> @media (min-width:430px) and (max-width:767px){<br /> <br /> .mobile-services{<br /> padding-left:8px;<br /> padding-right:8px;<br /> }<br /> <br /> .mobile-services__grid{<br /> gap:4px;<br /> }<br /> <br /> .mobile-service{<br /> height:88px;<br /> }<br /> <br /> .mobile-service i{<br /> font-size:20px;<br /> }<br /> <br /> .mobile-service span{<br /> font-size:13px;<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================<br /> فقط موبایل<br /> تبلت و دسکتاپ = مخفی<br /> ========================================= */<br /> <br /> @media (min-width:768px){<br /> <br /> .mobile-services{<br /> display:none !important;<br /> }<br /> <br /> }<br /> <br /> </style><br /> </html></div>

Javid