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

https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%D9%85%D9%86%D9%88%DB%8C_%D8%A7%D8%B5%D9%84%DB%8C%2F%DA%A9%D8%A7%D8%A8%DB%8C%D9%86%D8%AA_%DB%8C%D8%A7%D8%B4%DB%8C%D9%84 الگو:منوی اصلی/کابینت یاشیل - تاریخچهٔ نسخه‌ها 2026-08-25T20:31:54Z تاریخچهٔ نسخه‌ها برای این صفحه در ویکی MediaWiki 1.43.8 https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D9%85%D9%86%D9%88%DB%8C_%D8%A7%D8%B5%D9%84%DB%8C/%DA%A9%D8%A7%D8%A8%DB%8C%D9%86%D8%AA_%DB%8C%D8%A7%D8%B4%DB%8C%D9%84&diff=6489&oldid=prev Javid: صفحه‌ای تازه حاوی «<html>  <style> /* ========================================================= تنظیمات اصلی ========================================================= */ :root...» ایجاد کرد 2026-08-17T09:51:37Z

<p>صفحه‌ای تازه حاوی «<html>  <style> <span class="autocomment">========================================================= تنظیمات اصلی =========================================================: </span> :root...» ایجاد کرد</p> <p><b>صفحهٔ تازه</b></p><div><html><br /> <br /> <br /> <br /> <style><br /> <br /> /* =========================================================<br /> تنظیمات اصلی<br /> ========================================================= */<br /> <br /> :root {<br /> --yashil-green: #063b32;<br /> --yashil-green-dark: #022b25;<br /> --yashil-green-light: #0b5548;<br /> --yashil-gold: #d8a83e;<br /> --yashil-gold-light: #f1cf75;<br /> --yashil-white: #ffffff;<br /> --yashil-text: #eeeeee;<br /> --yashil-shadow: rgba(0, 0, 0, 0.28);<br /> }<br /> <br /> <br /> /* =========================================================<br /> کانتینر اصلی منو<br /> ========================================================= */<br /> <br /> .yashil-navbar {<br /> width: 100%;<br /> position: relative;<br /> z-index: 9999;<br /> <br /> background:<br /> linear-gradient(<br /> 135deg,<br /> var(--yashil-green-dark),<br /> var(--yashil-green)<br /> );<br /> <br /> border-bottom: 1px solid rgba(216, 168, 62, 0.35);<br /> <br /> box-shadow:<br /> 0 4px 20px var(--yashil-shadow);<br /> <br /> direction: rtl;<br /> }<br /> <br /> <br /> /* =========================================================<br /> محتوای منو<br /> ========================================================= */<br /> <br /> .yashil-nav-container {<br /> width: min(1300px, 94%);<br /> min-height: 76px;<br /> margin: 0 auto;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> <br /> <br /> /* =========================================================<br /> لوگو / نام برند<br /> ========================================================= */<br /> <br /> .yashil-brand {<br /> display: flex;<br /> align-items: center;<br /> gap: 10px;<br /> <br /> color: var(--yashil-white);<br /> text-decoration: none;<br /> <br /> font-size: 22px;<br /> font-weight: 800;<br /> <br /> white-space: nowrap;<br /> <br /> transition:<br /> color 0.3s ease,<br /> transform 0.3s ease;<br /> }<br /> <br /> .yashil-brand span {<br /> color: var(--yashil-gold);<br /> }<br /> <br /> .yashil-brand:hover {<br /> color: var(--yashil-gold-light);<br /> transform: translateY(-1px);<br /> }<br /> <br /> <br /> /* =========================================================<br /> لیست اصلی منو<br /> ========================================================= */<br /> <br /> .yashil-menu {<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> <br /> margin: 0;<br /> padding: 0;<br /> <br /> list-style: none;<br /> }<br /> <br /> <br /> /* =========================================================<br /> آیتم‌های منو<br /> ========================================================= */<br /> <br /> .yashil-menu > li {<br /> position: relative;<br /> }<br /> <br /> .yashil-menu > li > a {<br /> position: relative;<br /> <br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> <br /> min-height: 76px;<br /> <br /> padding: 0 22px;<br /> <br /> color: var(--yashil-text);<br /> text-decoration: none;<br /> <br /> font-size: 16px;<br /> font-weight: 600;<br /> <br /> transition:<br /> color 0.3s ease,<br /> background 0.3s ease;<br /> }<br /> <br /> <br /> /* خط طلایی زیر لینک */<br /> <br /> .yashil-menu > li > a::after {<br /> content: "";<br /> <br /> position: absolute;<br /> <br /> right: 50%;<br /> bottom: 14px;<br /> <br /> width: 0;<br /> height: 2px;<br /> <br /> background: var(--yashil-gold);<br /> <br /> transform: translateX(50%);<br /> <br /> transition:<br /> width 0.35s ease;<br /> }<br /> <br /> <br /> .yashil-menu > li > a:hover {<br /> color: var(--yashil-gold-light);<br /> }<br /> <br /> <br /> .yashil-menu > li > a:hover::after {<br /> width: 55%;<br /> }<br /> <br /> <br /> /* =========================================================<br /> فلش محصولات<br /> ========================================================= */<br /> <br /> .yashil-dropdown-link {<br /> gap: 8px;<br /> }<br /> <br /> .yashil-arrow {<br /> font-size: 11px;<br /> <br /> transition:<br /> transform 0.35s ease;<br /> }<br /> <br /> <br /> /* چرخش فلش هنگام Hover */<br /> <br /> .yashil-dropdown:hover<br /> .yashil-arrow {<br /> transform: rotate(180deg);<br /> }<br /> <br /> <br /> /* =========================================================<br /> منوی کشویی محصولات<br /> ========================================================= */<br /> <br /> .yashil-dropdown-menu {<br /> <br /> position: absolute;<br /> <br /> top: calc(100% + 8px);<br /> right: 0;<br /> <br /> width: 245px;<br /> <br /> margin: 0;<br /> padding: 8px;<br /> <br /> list-style: none;<br /> <br /> background:<br /> linear-gradient(<br /> 145deg,<br /> #063b32,<br /> #022b25<br /> );<br /> <br /> border:<br /> 1px solid rgba(216, 168, 62, 0.45);<br /> <br /> border-radius: 0 0 14px 14px;<br /> <br /> box-shadow:<br /> 0 15px 35px rgba(0, 0, 0, 0.35);<br /> <br /> opacity: 0;<br /> visibility: hidden;<br /> <br /> transform:<br /> translateY(-12px)<br /> scale(0.97);<br /> <br /> transform-origin: top right;<br /> <br /> transition:<br /> opacity 0.3s ease,<br /> visibility 0.3s ease,<br /> transform 0.35s cubic-bezier(.22,.61,.36,1);<br /> }<br /> <br /> <br /> /* =========================================================<br /> نمایش زیرمنو<br /> ========================================================= */<br /> <br /> .yashil-dropdown:hover<br /> .yashil-dropdown-menu {<br /> <br /> opacity: 1;<br /> visibility: visible;<br /> <br /> transform:<br /> translateY(0)<br /> scale(1);<br /> }<br /> <br /> <br /> /* =========================================================<br /> لینک‌های زیرمنو<br /> ========================================================= */<br /> <br /> .yashil-dropdown-menu li {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> <br /> .yashil-dropdown-menu a {<br /> <br /> display: flex;<br /> align-items: center;<br /> <br /> min-height: 48px;<br /> <br /> padding: 0 15px;<br /> <br /> color: var(--yashil-text);<br /> <br /> text-decoration: none;<br /> <br /> font-size: 15px;<br /> font-weight: 500;<br /> <br /> border-radius: 9px;<br /> <br /> transition:<br /> background 0.3s ease,<br /> color 0.3s ease,<br /> padding-right 0.3s ease;<br /> }<br /> <br /> <br /> .yashil-dropdown-menu a:hover {<br /> <br /> color: var(--yashil-gold-light);<br /> <br /> background:<br /> rgba(216, 168, 62, 0.12);<br /> <br /> padding-right: 21px;<br /> }<br /> <br /> <br /> /* =========================================================<br /> دکمه ثبت سفارش<br /> ========================================================= */<br /> <br /> .yashil-order-link {<br /> <br /> margin-right: 8px;<br /> <br /> padding:<br /> 11px 23px !important;<br /> <br /> min-height: auto !important;<br /> <br /> color: #102d27 !important;<br /> <br /> background:<br /> linear-gradient(<br /> 135deg,<br /> var(--yashil-gold-light),<br /> var(--yashil-gold)<br /> );<br /> <br /> border-radius: 50px;<br /> <br /> box-shadow:<br /> 0 5px 15px rgba(216, 168, 62, 0.22);<br /> <br /> transition:<br /> transform 0.3s ease,<br /> box-shadow 0.3s ease !important;<br /> }<br /> <br /> <br /> .yashil-order-link::after {<br /> display: none !important;<br /> }<br /> <br /> <br /> .yashil-order-link:hover {<br /> <br /> color: #102d27 !important;<br /> <br /> transform:<br /> translateY(-2px);<br /> <br /> box-shadow:<br /> 0 8px 20px rgba(216, 168, 62, 0.35);<br /> }<br /> <br /> <br /> /* =========================================================<br /> خط طلایی تزئینی بالای منو<br /> ========================================================= */<br /> <br /> .yashil-navbar::before {<br /> <br /> content: "";<br /> <br /> position: absolute;<br /> <br /> top: 0;<br /> right: 0;<br /> <br /> width: 100%;<br /> height: 2px;<br /> <br /> background:<br /> linear-gradient(<br /> 90deg,<br /> transparent,<br /> var(--yashil-gold),<br /> transparent<br /> );<br /> }<br /> <br /> <br /> /* =========================================================<br /> تبلت<br /> ========================================================= */<br /> <br /> @media (max-width: 950px) {<br /> <br /> .yashil-nav-container {<br /> width: 96%;<br /> }<br /> <br /> .yashil-menu {<br /> gap: 2px;<br /> }<br /> <br /> .yashil-menu > li > a {<br /> padding: 0 13px;<br /> font-size: 15px;<br /> }<br /> <br /> .yashil-brand {<br /> font-size: 19px;<br /> }<br /> <br /> }<br /> <br /> <br /> /* =========================================================<br /> موبایل<br /> کل منو در موبایل مخفی می‌شود<br /> ========================================================= */<br /> <br /> @media (max-width: 768px) {<br /> <br /> .yashil-navbar {<br /> display: none !important;<br /> }<br /> <br /> }<br /> <br /> </style><br /> <br /> <br /> <br /> <br /> <nav<br /> class="yashil-navbar"<br /> aria-label="منوی اصلی کابینت یاشیل"<br /> ><br /> <br /> <div class="yashil-nav-container"><br /> <br /> <br /> <br /> <br /> <a<br /> href="/"<br /> class="yashil-brand"<br /> title="کابینت یاشیل"<br /> aria-label="صفحه اصلی کابینت یاشیل"<br /> ><br /> کابینت <span>یاشیل</span><br /> </a><br /> <br /> <br /> <br /> <br /> <ul class="yashil-menu"><br /> <br /> <br /> <br /> <br /> <li><br /> <a<br /> href="/"<br /> title="صفحه اصلی کابینت یاشیل"<br /> ><br /> خانه<br /> </a><br /> </li><br /> <br /> <br /> <br /> <br /> <li class="yashil-dropdown"><br /> <br /> <a<br /> href="/products/"<br /> class="yashil-dropdown-link"<br /> title="مشاهده محصولات کابینت یاشیل"<br /> aria-haspopup="true"<br /> ><br /> <br /> محصولات<br /> <br /> <span<br /> class="yashil-arrow"<br /> aria-hidden="true"<br /> ><br /> ▼<br /> </span><br /> <br /> </a><br /> <br /> <br /> <br /> <br /> <ul<br /> class="yashil-dropdown-menu"<br /> aria-label="دسته بندی محصولات"<br /> ><br /> <br /> <li><br /> <a<br /> href="/products/mdf/"<br /> title="کابینت MDF"<br /> ><br /> کابینت MDF<br /> </a><br /> </li><br /> <br /> <br /> <li><br /> <a<br /> href="/products/acrylic/"<br /> title="کابینت اکریلیک"<br /> ><br /> کابینت اکریلیک<br /> </a><br /> </li><br /> <br /> <br /> <li><br /> <a<br /> href="/products/aluminium/"<br /> title="کابینت آلومینیومی"<br /> ><br /> کابینت آلومینیومی<br /> </a><br /> </li><br /> <br /> <br /> <li><br /> <a<br /> href="/products/high-gloss/"<br /> title="کابینت های‌گلاس"<br /> ><br /> کابینت های‌گلاس<br /> </a><br /> </li><br /> <br /> </ul><br /> <br /> </li><br /> <br /> <br /> <br /> <br /> <li><br /> <a<br /> href="/portfolio/"<br /> title="نمونه کارهای کابینت یاشیل"<br /> ><br /> نمونه کار<br /> </a><br /> </li><br /> <br /> <br /> <br /> <br /> <li><br /> <a<br /> href="/order/"<br /> class="yashil-order-link"<br /> title="ثبت سفارش طراحی و ساخت کابینت"<br /> aria-label="ثبت سفارش کابینت یاشیل"<br /> ><br /> ثبت سفارش<br /> </a><br /> </li><br /> <br /> <br /> </ul><br /> <br /> </div><br /> <br /> </nav><br /> <br /> </html></div>

Javid