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

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

2026-07-14T10:44:53Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۴ ژوئیهٔ ۲۰۲۶، ساعت ۱۰:۴۴
خط ۱:		خط ۱:
	<!-- کانتینر اصلی با طراحی ریسپانسیو و سایه ملایم -->		<!-- کانتینر اصلی با طراحی ریسپانسیو و سایه ملایم -->
	~~<html>~~
	<div style="margin: 15px auto; padding: 15px; direction: rtl; text-align: right;		<div style="margin: 15px auto; padding: 15px; direction: rtl; text-align: right;
	background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px;		background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px;
خط ۱۲:		خط ۱۲:
	<div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">		<div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">
	<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">		<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">
	متن مورد نظر		متن مورد نظر
	</div>		</div>
	</div>		</div>
خط ۲۰:		خط ۲۰:
	<html>		<html>
	<div style="border-radius: 15px; overflow: hidden;">		<div style="border-radius: 15px; overflow: hidden;">

			<!--https://dl.faraghaib.ir/m/103/gap.png نمونه آدرس دهی-->
	<img src="آدرس عکس مورد نظر" style="width:300px;height:200px;">		<img src="آدرس عکس مورد نظر" style="width:300px;height:200px;">

	</div>		</div>
	</html>		</html>
خط ۲۷:		خط ۳۰:
	</div>		</div>
	</div>		</div>
	~~<html/>~~

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

2026-07-14T10:30:46Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۴ ژوئیهٔ ۲۰۲۶، ساعت ۱۰:۳۰
خط ۱:		خط ۱:
	<!-- کانتینر اصلی با طراحی ریسپانسیو و سایه ملایم -->		<!-- کانتینر اصلی با طراحی ریسپانسیو و سایه ملایم -->
			<html>
	<div style="margin: 15px auto; padding: 15px; direction: rtl; text-align: right;		<div style="margin: 15px auto; padding: 15px; direction: rtl; text-align: right;
	background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px;		background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px;
خط ۱۲:		خط ۱۲:
	<div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">		<div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">
	<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">		<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">
	~~{{{~~متن~~}}}~~		متن مورد نظر
	</div>		</div>
	</div>		</div>
خط ۱۸:		خط ۱۸:
	<!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) -->		<!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) -->
	<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">		<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">
			<html>
	<div style="border-radius: 15px; overflow: hidden;">		<div style="border-radius: 15px; overflow: hidden;">
	~~[[پرونده~~:~~{{{تصویر}}}\|وسط\|~~300px~~\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]~~		<img src="آدرس عکس مورد نظر" style="width:300px;height:200px;">
	</div>		</div>
			</html>
	</div>		</div>

	</div>		</div>
	</div>		</div>
			<html/>

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

2026-07-11T07:51:12Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۱ ژوئیهٔ ۲۰۲۶، ساعت ۰۷:۵۱
خط ۱۹:		خط ۱۹:
	<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">		<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">
	<div style="border-radius: 15px; overflow: hidden;">		<div style="border-radius: 15px; overflow: hidden;">
	[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]		[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]
	</div>		</div>
	</div>		</div>

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

2026-07-11T07:50:45Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۱ ژوئیهٔ ۲۰۲۶، ساعت ۰۷:۵۰
خط ۱۱:		خط ۱۱:
	<!-- بخش متن (در دسکتاپ عرض بیشتر را می‌گیرد و در موبایل تمام‌عرض می‌شود) -->		<!-- بخش متن (در دسکتاپ عرض بیشتر را می‌گیرد و در موبایل تمام‌عرض می‌شود) -->
	<div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">		<div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">
	~~{{#if: {{{متن\|}}}\|~~
	<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">		<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">
	{{{متن}}}		{{{متن}}}
	</div>		</div>
	}}
	</div>		</div>
	</div>		</div>
	<!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) -->		<!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) -->
	<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">		<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">
	~~{{#if: {{{تصویر1\|}}} \|~~
	<div style="border-radius: 15px; overflow: hidden;">		<div style="border-radius: 15px; overflow: hidden;">
	[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]		[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]
	</div>		</div>
	}}
	</div>		</div>

	</div>		</div>
	</div>		</div>

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

2026-07-11T07:44:15Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۱ ژوئیهٔ ۲۰۲۶، ساعت ۰۷:۴۴
خط ۱۱:		خط ۱۱:
	<!-- بخش متن (در دسکتاپ عرض بیشتر را می‌گیرد و در موبایل تمام‌عرض می‌شود) -->		<!-- بخش متن (در دسکتاپ عرض بیشتر را می‌گیرد و در موبایل تمام‌عرض می‌شود) -->
	<div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">		<div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">
			{{#if: {{{متن\|}}}\|
	<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">		<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">
	{{{متن}}}		{{{متن}}}
	</div>		</div>
			}}
	</div>		</div>
	</div>		</div>

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

2026-07-11T07:42:23Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۱ ژوئیهٔ ۲۰۲۶، ساعت ۰۷:۴۲
خط ۲۳:		خط ۲۳:
	</div>		</div>
	}}		}}
	~~<div style="border-radius: 15px; overflow: hidden;">~~
	~~[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]~~
	~~</div>~~
	</div>		</div>

	</div>		</div>
	</div>		</div>

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

2026-07-11T07:41:44Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۱ ژوئیهٔ ۲۰۲۶، ساعت ۰۷:۴۱
خط ۱۸:		خط ۱۸:
	<!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) -->		<!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) -->
	<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">		<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">
			{{#if: {{{تصویر1\|}}} \|
			<div style="border-radius: 15px; overflow: hidden;">
			[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]
			</div>
			}}
	<div style="border-radius: 15px; overflow: hidden;">		<div style="border-radius: 15px; overflow: hidden;">
	~~{{#if:{{{تصویر\|}}}\|~~
	[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]		[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]
	</div>		</div>

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

2026-07-11T07:38:08Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۱۱ ژوئیهٔ ۲۰۲۶، ساعت ۰۷:۳۸
خط ۱۹:		خط ۱۹:
	<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">		<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">
	<div style="border-radius: 15px; overflow: hidden;">		<div style="border-radius: 15px; overflow: hidden;">
			{{#if:{{{تصویر\|}}}\|
	[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]		[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]
	</div>		</div>

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

2026-07-09T10:11:14Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۹ ژوئیهٔ ۲۰۲۶، ساعت ۱۰:۱۱
خط ۷:		خط ۷:
	<!-- ایجاد چیدمان انعطاف‌پذیر (Flexbox) با قابلیت شکستن خط در موبایل -->		<!-- ایجاد چیدمان انعطاف‌پذیر (Flexbox) با قابلیت شکستن خط در موبایل -->
	<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center;">		<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center;">
	<div style="width: ~~600px~~;margin: 1px auto; padding: 5px; direction: rtl; text-align: right;		<div style="width: 620px;margin: 1px auto; padding: 5px; direction: rtl; text-align: right;
	background-color: #ffffff; border: 1px solid #89CFF0; border-radius: 12px; ">		background-color: #ffffff; border: 1px solid #89CFF0; border-radius: 12px; ">
	<!-- بخش متن (در دسکتاپ عرض بیشتر را می‌گیرد و در موبایل تمام‌عرض می‌شود) -->		<!-- بخش متن (در دسکتاپ عرض بیشتر را می‌گیرد و در موبایل تمام‌عرض می‌شود) -->

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

2026-07-09T09:54:08Z

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۹ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۵۴
خط ۱:		خط ۱:
	<!-- کانتینر اصلی با طراحی ریسپانسیو و سایه ملایم -->		<!-- کانتینر اصلی با طراحی ریسپانسیو و سایه ملایم -->

	<div style="margin: 15px auto; padding: 15px; direction: rtl; text-align: right;		<div style="margin: 15px auto; padding: 15px; direction: rtl; text-align: right;
	background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px;		background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px;
خط ۶:		خط ۷:
	<!-- ایجاد چیدمان انعطاف‌پذیر (Flexbox) با قابلیت شکستن خط در موبایل -->		<!-- ایجاد چیدمان انعطاف‌پذیر (Flexbox) با قابلیت شکستن خط در موبایل -->
	<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center;">		<div style="display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center;">
			<div style="width: 600px;margin: 1px auto; padding: 5px; direction: rtl; text-align: right;
			background-color: #ffffff; border: 1px solid #89CFF0; border-radius: 12px; ">
	<!-- بخش متن (در دسکتاپ عرض بیشتر را می‌گیرد و در موبایل تمام‌عرض می‌شود) -->		<!-- بخش متن (در دسکتاپ عرض بیشتر را می‌گیرد و در موبایل تمام‌عرض می‌شود) -->
	<div style="flex: 2 1 ~~400px~~; min-width: 280px; padding: 5px;">		<div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">
	<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">		<div style="font-size: 1em; line-height: 1.8; color: #2d3748;">
	{{{متن}}}		{{{متن}}}
	</div>		</div>
	</div>		</div>
			</div>
	<!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) -->		<!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) -->
	<div style="flex: 1 1 ~~300px~~; max-width: ~~350px~~; text-align: center; margin: 0 auto;">		<div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">
	<div style="border-radius: ~~8px~~; overflow: hidden;">		<div style="border-radius: 15px; overflow: hidden;">
	[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]		[[پرونده:{{{تصویر}}}\|وسط\|300px\|alt={{{توضیح_تصویر\|تصویر مرتبط}}}\|link={{{لینک\|}}}]]
	</div>		</div>