الگو:فونت متحرک - تاریخچهٔ نسخه‌ها

Esfandiari: جایگزینی صفحه با '
'

2026-07-30T17:37:06Z

جایگزینی صفحه با ' <html> <div class="sanjab-typewriter" data-text="{{{1|}}}"></div> </html>'

@@ خط ۱: / خط ۱: @@
-<!-- ۳. کادر اصلی نمایش انیمیشن -->
+<html>
-        // تبدیل متن به توکن‌های کاراکتری با حفظ تگ‌های br
+<div class="sanjab-typewriter" data-text="{{{1|}}}"></div>
 </html>

Esfandiari در ‏۳۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۷:۲۸

2026-07-30T17:28:33Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۳۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۷:۲۸
خط ۱:		خط ۱:
	<html>		<html>
			<!-- ۱. بخش استایل‌ها -->
	<style>		<style>
	.sanjab-box {		.sanjab-box {
خط ۱۳:		خط ۱۴:
	}		}
	.sanjab-txt {		.sanjab-txt {
	border-left: 3px solid #ff7a00;		border-left: 3px solid #ff7a00; /* رنگ نارنجی سنجاب */
	padding-left: 5px;		padding-left: 5px;
	display: inline;		display: inline;
خط ۲۶:		خط ۲۷:
	</style>		</style>

	<!-- ۱. ~~متن ورودی در این~~ کادر مخفی ~~قرار می‌گیرد تا مدیاویکی~~ پارامتر الگو ~~را درست پردازش کند~~ -->		<!-- ۲. کادر مخفی برای دریافت پارامتر الگو -->
	<div id="sanjab-source-{{{id\|1}}}" style="display:none;">{{{1\|متن پیش‌فرض}}}</div>		<div id="sanjab-source-{{{id\|1}}}" style="display:none;">{{{1\|متن پیش‌فرض}}}</div>

	<!-- ۲. کادر اصلی نمایش انیمیشن -->		<!-- ۳. کادر اصلی نمایش انیمیشن -->
	<div class="sanjab-box">		<div class="sanjab-box">
	<span id="sanjab-target-{{{id\|1}}}" class="sanjab-txt sanjab-cursor-blink"></span>		<span id="sanjab-target-{{{id\|1}}}" class="sanjab-txt sanjab-cursor-blink"></span>
	</div>		</div>

	<!-- ۳. اسکریپت ~~خواندن متن~~ و ~~اجرای انیمیشن~~ -->		<!-- ۴. اسکریپت لودر و تایپ‌رایتر -->
	<img src="x" onerror='		<img src="x" onerror='
	(function() {		(function() {
خط ۴۵:		خط ۴۶:
	var tokens = [];		var tokens = [];

	// ~~تفکیک~~ متن و تگ‌های br		// تبدیل متن به توکن‌های کاراکتری با حفظ تگ‌های br
	var tempText = text;		var tempText = text;
	while (tempText.length > 0) {		while (tempText.length > 0) {
خط ۷۲:		خط ۷۳:
	}		}
	i++;		i++;
	setTimeout(type, 70);		setTimeout(type, 70); // سرعت تایپ کاراکترها
	} else {		} else {
			// تکرار انیمیشن
	setTimeout(function() {		setTimeout(function() {
	targetEl.innerHTML = "";		targetEl.innerHTML = "";
	i = 0;		i = 0;
	type();		type();
	}, 2500);		}, 2500); // مکث ۲.۵ ثانیه‌ای در پایان جمله
	}		}
	}		}
	setTimeout(type, ~~400~~);		setTimeout(type, 500);
	})();		})();
	' style="display:none;">		' style="display:none;">
	</html>		</html>

Esfandiari در ‏۳۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۷:۲۵

2026-07-30T17:25:22Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۳۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۷:۲۵
خط ۱۲:		خط ۱۲:
	min-height: 80px;		min-height: 80px;
	}		}

	.sanjab-txt {		.sanjab-txt {
	border-left: 3px solid #ff7a00;		border-left: 3px solid #ff7a00;
خط ۱۸:		خط ۱۷:
	display: inline;		display: inline;
	}		}

	.sanjab-cursor-blink {		.sanjab-cursor-blink {
	animation: sj-blink 0.8s infinite;		animation: sj-blink 0.8s infinite;
	}		}

	@keyframes sj-blink {		@keyframes sj-blink {
	0%, 100% { border-color: #ff7a00; }		0%, 100% { border-color: #ff7a00; }
خط ۲۹:		خط ۲۶:
	</style>		</style>

			<!-- ۱. متن ورودی در این کادر مخفی قرار می‌گیرد تا مدیاویکی پارامتر الگو را درست پردازش کند -->
			<div id="sanjab-source-{{{id\|1}}}" style="display:none;">{{{1\|متن پیش‌فرض}}}</div>

			<!-- ۲. کادر اصلی نمایش انیمیشن -->
	<div class="sanjab-box">		<div class="sanjab-box">
	<span id="sanjab-target-{{{id\|1}}}" class="sanjab-txt sanjab-cursor-blink"></span>		<span id="sanjab-target-{{{id\|1}}}" class="sanjab-txt sanjab-cursor-blink"></span>
	</div>		</div>

			<!-- ۳. اسکریپت خواندن متن و اجرای انیمیشن -->
	<img src="x" onerror='		<img src="x" onerror='
	(function() {		(function() {
	var ~~text~~ = "{{{1~~\|متن پیش‌فرض~~}}}";		var srcEl = document.getElementById("sanjab-source-{{{id\|1}}}");
	var ~~target~~ = document.getElementById("sanjab-target-{{{id\|1}}}");		var targetEl = document.getElementById("sanjab-target-{{{id\|1}}}");
			if (!srcEl \|\| !targetEl) return;

			var text = srcEl.innerHTML.trim();
	var i = 0;		var i = 0;
	var tokens = [];		var tokens = [];

			// تفکیک متن و تگ‌های br
	var tempText = text;		var tempText = text;
	while (tempText.length > 0) {		while (tempText.length > 0) {
	if (~~tempText~~.startsWith("<br>")) {		var lower = tempText.toLowerCase();
			if (lower.startsWith("<br>")) {
	tokens.push("<br>");		tokens.push("<br>");
	tempText = tempText.substring(4);		tempText = tempText.substring(4);
			} else if (lower.startsWith("<br/>")) {
			tokens.push("<br>");
			tempText = tempText.substring(5);
			} else if (lower.startsWith("<br />")) {
			tokens.push("<br>");
			tempText = tempText.substring(6);
	} else {		} else {
	tokens.push(tempText[0]);		tokens.push(tempText[0]);
خط ۵۴:		خط ۶۷:
	if (i < tokens.length) {		if (i < tokens.length) {
	if (tokens[i] === "<br>") {		if (tokens[i] === "<br>") {
	~~target~~.innerHTML += "<br>";		targetEl.innerHTML += "<br>";
	} else {		} else {
	~~target~~.innerHTML += tokens[i];		targetEl.innerHTML += tokens[i];
	}		}
	i++;		i++;
خط ۶۲:		خط ۷۵:
	} else {		} else {
	setTimeout(function() {		setTimeout(function() {
	~~target~~.innerHTML = "";		targetEl.innerHTML = "";
	i = 0;		i = 0;
	type();		type();
خط ۶۸:		خط ۸۱:
	}		}
	}		}
			setTimeout(type, 400);
	setTimeout(type, ~~500~~);
	})();		})();
	' style="display:none;">		' style="display:none;">
	</html>		</html>

Esfandiari: صفحه‌ای تازه حاوی «

الگو:فونت متحرک - تاریخچهٔ نسخه‌ها

Esfandiari: جایگزینی صفحه با ' '

Esfandiari در ‏۳۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۷:۲۸

Esfandiari در ‏۳۰ ژوئیهٔ ۲۰۲۶، ساعت ۱۷:۲۵

Esfandiari: جایگزینی صفحه با '
'