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

Javid در ‏۱۶ اوت ۲۰۲۶، ساعت ۰۷:۲۹

2026-08-16T07:29:24Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۶ اوت ۲۰۲۶، ساعت ۰۷:۲۹
خط ۷:		خط ۷:
	/* تعریف فونت ایران سنس */		/* تعریف فونت ایران سنس */
	@font-face {		@font-face {
	font-family: '~~Iran Sans~~';		font-family: 'Iransans';
	~~src: url('assets/fonts/iransans/woff2/iransans.woff2') format('woff2'),~~
	~~url('assets/fonts/iransans/woff/iransans.woff') format('woff')~~;
	font-weight: normal;		font-weight: normal;
	font-style: normal;		font-style: normal;
خط ۱۸:		خط ۱۶:

	.desktop-nav {		.desktop-nav {
	font-family: '~~Iran Sans~~', Tahoma, Arial, sans-serif; /* اولویت با ایران سنس */		font-family: 'Iransans', Tahoma, Arial, sans-serif; /* اولویت با ایران سنس */
	background: #fff;		background: #fff;
	padding: 10px 50px;		padding: 10px 50px;

Javid در ‏۱۶ اوت ۲۰۲۶، ساعت ۰۷:۲۳

2026-08-16T07:23:33Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۶ اوت ۲۰۲۶، ساعت ۰۷:۲۳
خط ۳:		خط ۳:
	<head>		<head>
	<meta charset="UTF-8">		<meta charset="UTF-8">
			<title>منوی دسکتاپ واکنش‌گرا</title>
	<style>		<style>
			/* تعریف فونت ایران سنس */
			@font-face {
			font-family: 'Iran Sans';
			src: url('assets/fonts/iransans/woff2/iransans.woff2') format('woff2'),
			url('assets/fonts/iransans/woff/iransans.woff') format('woff');
			font-weight: normal;
			font-style: normal;
			}

	/* تنظیمات کلی منو */		/* تنظیمات کلی منو */
			body { margin: 0; padding: 0; } /* اطمینان از نبود padding/margin پیش‌فرض */

	.desktop-nav {		.desktop-nav {
	font-family: Tahoma, Arial, sans-serif;		font-family: 'Iran Sans', Tahoma, Arial, sans-serif; /* اولویت با ایران سنس */
	background: #fff;		background: #fff;
	padding: 10px 50px;		padding: 10px 50px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);		box-shadow: 0 2px 5px rgba(0,0,0,0.05);
			display: block; /* همیشه نمایش داده شود تا Media Query آن را کنترل کند */
	}		}

خط ۵۳:		خط ۶۶:
	.btn-signup:hover { background-color: #c2185b; }		.btn-signup:hover { background-color: #c2185b; }

	/* ~~مخفی‌سازی در~~ موبایل ~~(ریسپانسیو)~~ */		/* --- تغییرات برای موبایل --- */
			/* Media Query برای موبایل و تبلت: منو را مخفی می‌کند */
	@media (max-width: 1024px) {		@media (max-width: 1024px) {
	.desktop-nav { display: none !important; }		.desktop-nav {
			display: none !important; /* منو را کاملاً مخفی می‌کند */
			}
			/* اگر بخواهید در موبایل المان دیگری نمایش داده شود، اینجا اضافه کنید */
			}

			/* Media Query برای دسکتاپ: منو را نمایش می‌دهد */
			@media (min-width: 1024px) {
			.desktop-nav {
			display: block !important; /* اطمینان از نمایش در دسکتاپ */
			}
	}		}
	</style>		</style>
خط ۶۱:		خط ۸۵:
	<body>		<body>

			<!-- منوی ناوبری دسکتاپ -->
	<nav class="desktop-nav">		<nav class="desktop-nav">
	<ul class="menu-wrapper">		<ul class="menu-wrapper">
خط ۹۴:		خط ۱۱۹:
	<script>		<script>
	// تابع ساده برای نمایش زیرمنو		// تابع ساده برای نمایش زیرمنو
	function showSub(el) { el.querySelector('.submenu').style.display = 'block'; }		function showSub(el) {
	function hideSub(el) { el.querySelector('.submenu').style.display = 'none'; }		// اطمینان از اینکه زیرمنو فقط در صورتی نمایش داده شود که صفحه به اندازه کافی بزرگ باشد
			if (window.innerWidth > 1024) {
			el.querySelector('.submenu').style.display = 'block';
			}
			}
			// تابع برای مخفی کردن زیرمنو
			function hideSub(el) {
			el.querySelector('.submenu').style.display = 'none';
			}

			// یک رویداد listener اضافه می‌کنیم که اگر اندازه صفحه تغییر کرد، وضعیت نمایش زیرمنو را بررسی کند
			window.addEventListener('resize', () => {
			// اگر اندازه صفحه کوچکتر از ۱۰۲۴ پیکسل شد، اطمینان حاصل کنیم که هیچ زیرمنویی باز نماند
			if (window.innerWidth <= 1024) {
			document.querySelectorAll('.submenu').forEach(sub => sub.style.display = 'none');
			}
			});
	</script>		</script>

	</body>		</body>
	</html>		</html>

Javid در ‏۱۶ اوت ۲۰۲۶، ساعت ۰۷:۲۱

2026-08-16T07:21:39Z

نمایش تغییرات

Javid در ‏۱۶ اوت ۲۰۲۶، ساعت ۰۶:۵۹

2026-08-16T06:59:58Z

نمایش تغییرات

Javid در ‏۱۶ اوت ۲۰۲۶، ساعت ۰۶:۵۶

2026-08-16T06:56:16Z

نمایش تغییرات

Javid در ‏۱۱ اوت ۲۰۲۶، ساعت ۰۷:۴۳

2026-08-11T07:43:22Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۱ اوت ۲۰۲۶، ساعت ۰۷:۴۳
خط ۱۰:		خط ۱۰:

	<style>		<style>
	~~@import url('https:~~/~~/fonts.googleapis.com/css2?family~~=~~Vazirmatn:wght@100;400;700&display~~=~~swap'~~);		/* ===========================
			HEADER (Desktop)
	~~:root {~~		=========================== */
	~~--primary-color: #db2777;~~
	}

	~~body~~ {		header{
	~~font-family~~: ~~'Vazirmatn', sans-serif~~;		position:sticky;
	margin: 0;		top:0;
	padding:~~1px~~ 0 0 0;		right:0;
	}		left:0;
			width:100%;
			margin:0;
			padding:0;
			z-index:999;
			background:#fff;
			box-shadow:0 3px 15px rgba(0,0,0,.08);
			}

	~~/* اصلاح مشکل زیرمنوها */~~		header nav{
	~~.dropdown-menu~~ {		width:100%;
	~~display: none;~~		max-width:100%;
	~~position: absolute;~~		margin:0;
	~~top~~: 100%;		padding:0 20px;
	~~right: 0;~~		box-sizing:border-box;
	~~min~~-width: ~~200px~~;		}
	~~background-color~~: ~~white;~~
	~~box-shadow: 0 10px 15px -3px rgba(0, 0, 0,~~ 0~~.1)~~;
	~~border-radius~~: 0~~.5rem~~;
	z-~~index~~: ~~50;~~
	border-~~top: 2px solid #db2777~~;
	}

	~~/* نمایش زیرمنو فقط هنگام هاور روی والد */~~		header nav>ul{
	~~.group~~:~~hover .dropdown~~-~~menu {~~		width:100%;
	~~display~~: ~~block~~;		margin:0;
	}		padding:0;
			min-height:64px;
			}

	/* ~~استایل Modal~~ */		/* حذف فاصله‌های اضافی */
	~~#registrationModal {~~
	~~display: none;~~
	~~position: fixed;~~
	~~inset: 0;~~
	~~z-index: 9999;~~
	~~overflow-y: auto;~~
	}

	~~.modal-overlay~~ {		body{
	~~position: fixed;~~		margin:0;
	~~inset~~: 0;		padding:0;
	~~background~~: ~~rgba(0, 0, 0,~~ 0~~.6);~~		}
	~~backdrop-filter: blur(8px);~~
	~~z-index: -1~~;
	}

	~~.modal-content {~~		/* ===========================
	~~animation: slideUp 0.4s ease-out;~~		Dropdown
	}		=========================== */

	~~@keyframes slideUp~~ {		.dropdown-menu{
	~~from { transform~~: ~~translateY(50px)~~; ~~opacity~~: 0; }		display:none;
	~~to { transform~~: ~~translateY~~(0); ~~opacity~~: 1; }		position:absolute;
	}		top:100%;
			right:0;
			min-width:220px;
			background:#fff;
			border-radius:10px;
			border-top:3px solid #db2777;
			box-shadow:0 12px 25px rgba(0,0,0,.12);
			z-index:9999;
			}

	.~~step-card { display~~: ~~none; }~~		.group:hover>.dropdown-menu{
	.~~step~~-~~card.active~~ { display: block; }		display:block;
			}

	@media (max-width: 768px) {		/* ===========================
	~~.modal-content~~ {		Mobile
	~~width~~: ~~100%~~;		=========================== */
	~~height: 100%;~~
	~~border~~-~~radius~~: 0;		@media (max-width:768px){
	~~margin~~: ~~0 !important~~;
	}		header{
	}		display:none;
			}

			}

			/* ===========================
			Tablet
			=========================== */

			@media (min-width:769px){

			header{
			display:block;
			}

			}
	</style>		</style>
	</head>		</head>

Javid در ‏۱۱ اوت ۲۰۲۶، ساعت ۰۷:۳۱

2026-08-11T07:31:46Z

نمایش تغییرات

Javid در ‏۱۱ اوت ۲۰۲۶، ساعت ۰۷:۳۰

2026-08-11T07:30:43Z

نمایش تغییرات

Javid در ‏۳ اوت ۲۰۲۶، ساعت ۰۷:۵۳

2026-08-03T07:53:20Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۳ اوت ۲۰۲۶، ساعت ۰۷:۵۳
خط ۱۹:		خط ۱۹:
	font-family: 'Vazirmatn', sans-serif;		font-family: 'Vazirmatn', sans-serif;
	margin: 0;		margin: 0;
	padding: 0;		padding:1px 0 0 0;
	}		}

Javid در ‏۱ اوت ۲۰۲۶، ساعت ۱۴:۲۵

2026-08-01T14:25:05Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱ اوت ۲۰۲۶، ساعت ۱۴:۲۵
خط ۸۷:		خط ۸۷:
	<ul class="flex items-center justify-between h-16">		<ul class="flex items-center justify-between h-16">
	<!-- لوگو یا نام سایت در سمت راست (اختیاری) -->		<!-- لوگو یا نام سایت در سمت راست (اختیاری) -->
	<li class="font-bold text-pink-600 text-xl">~~گروه~~ اهدای مثبت بخشنده</li>		<li class="font-bold text-pink-600 text-xl">اهدای مثبت بخشنده</li>

	<!-- لیست لینک‌ها -->		<!-- لیست لینک‌ها -->