模板:示例模板A - 版本历史

2025年8月21日 (四) 05:57 Magezeya

2025-08-21T05:57:31Z

←上一版本		2025年8月21日 (四) 13:57的版本
第19行：		第19行：
	<!-- 左侧：Wikitext -->		<!-- 左侧：Wikitext -->
	<div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">		<div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">
	<h2 style="color: #28a745; border-bottom: 2px solid #28a745; padding-bottom: 10px;">Wikitext ~~技术展示~~</h2>		<h2 style="color: #28a745; border-bottom: 2px solid #28a745; padding-bottom: 10px;">Wikitext </h2>

	<div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">		<div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">
第40行：		第40行：
	<!-- 中间：HTML/CSS -->		<!-- 中间：HTML/CSS -->
	<div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">		<div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">
	<h2 style="color: #dc3545; border-bottom: 2px solid #dc3545; padding-bottom: 10px;">HTML & CSS ~~技术展示~~</h2>		<h2 style="color: #dc3545; border-bottom: 2px solid #dc3545; padding-bottom: 10px;">HTML & CSS</h2>

	<div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">		<div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">

2025年8月21日 (四) 05:56 Magezeya

2025-08-21T05:56:58Z

←上一版本		2025年8月21日 (四) 13:56的版本
第5行：		第5行：
	<!-- 顶部标题区 -->		<!-- 顶部标题区 -->
	<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 15px 15px 0 0; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.15);">		<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 15px 15px 0 0; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.15);">
	<h1 style="margin: 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">示例模板A ~~- 技术展示~~</h1>		<h1 style="margin: 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">示例模板A</h1>
	<p style="font-size: 1.2em; opacity: 0.9;">~~探索 Wikitext、HTML、CSS 和解析器函数的无限可能~~</p>		<p style="font-size: 1.2em; opacity: 0.9;">支持Wikitext、HTML、CSS</p>
	<div style="margin-top: 15px;">		<div style="margin-top: 15px;">
	<span style="background: rgba(255,255,255,0.2); padding: 5px 15px; border-radius: 20px; margin: 0 5px;">{{CURRENTYEAR}}年{{CURRENTMONTH}}月{{CURRENTDAY}}日</span>		<span style="background: rgba(255,255,255,0.2); padding: 5px 15px; border-radius: 20px; margin: 0 5px;">{{CURRENTYEAR}}年{{CURRENTMONTH}}月{{CURRENTDAY}}日</span>
第17行：		第17行：
	<div style="display: flex; flex-wrap: wrap; margin: 0 -10px;">		<div style="display: flex; flex-wrap: wrap; margin: 0 -10px;">

	<!-- 左侧：Wikitext 展示 -->		<!-- 左侧：Wikitext -->
	<div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">		<div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">
	<h2 style="color: #28a745; border-bottom: 2px solid #28a745; padding-bottom: 10px;">Wikitext 技术展示</h2>		<h2 style="color: #28a745; border-bottom: 2px solid #28a745; padding-bottom: 10px;">Wikitext 技术展示</h2>
第38行：		第38行：
	</div>		</div>

	<!-- 中间：HTML/CSS 展示 -->		<!-- 中间：HTML/CSS -->
	<div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">		<div class="tech-section" style="flex: 1; min-width: 300px; padding: 20px; margin: 10px; background: #f8f9fa; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08);">
	<h2 style="color: #dc3545; border-bottom: 2px solid #dc3545; padding-bottom: 10px;">HTML & CSS 技术展示</h2>		<h2 style="color: #dc3545; border-bottom: 2px solid #dc3545; padding-bottom: 10px;">HTML & CSS 技术展示</h2>
第92行：		第92行：
	</div>		</div>

	~~<style>~~
	~~@media (max-width: 768px) {~~
	~~.mw-tech-showcase {~~
	~~margin: 10px;~~
	}
	~~.tech-section {~~
	~~min-width: 100% !important;~~
	}
	}
	~~</style>~~
	</div>		</div>
	</includeonly>		</includeonly>

2025年8月21日 (四) 05:55 Magezeya

2025-08-21T05:55:39Z

显示更改

2025年8月21日 (四) 05:52 Magezeya

2025-08-21T05:52:10Z

@@ 第74行： / 第74行： @@
      <div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">
-       <h3>CSS动画与变换</h3>
      <div style="background: white; padding: 15px; border-radius: 8px; margin: 15px 0;">
@@ 第95行： / 第85行： @@
      </div>
    <!-- 右侧：解析器函数展示 -->
@@ 第165行： / 第144行： @@
 </div>
-<!-- 底部信息区 -->
    <div style="margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px;">

2025年8月21日 (四) 05:49 Magezeya

2025-08-21T05:49:58Z

←上一版本		2025年8月21日 (四) 13:49的版本
第5行：		第5行：
	<!-- 顶部标题区 -->		<!-- 顶部标题区 -->
	<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 15px 15px 0 0; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.15);">		<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 15px 15px 0 0; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.15);">
	<h1 style="margin: 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">示例模板A</h1>		<h1 style="margin: 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">示例模板A - 技术展示</h1>
	<p style="font-size: 1.2em; opacity: 0.9;">探索 Wikitext、HTML、CSS 和解析器函数的无限可能</p>		<p style="font-size: 1.2em; opacity: 0.9;">探索 Wikitext、HTML、CSS 和解析器函数的无限可能</p>
	<div style="margin-top: 15px;">		<div style="margin-top: 15px;">
第76行：		第76行：
	<h3>CSS动画与变换</h3>		<h3>CSS动画与变换</h3>
	<div style="display: flex; justify-content: space-around; flex-wrap: wrap;">		<div style="display: flex; justify-content: space-around; flex-wrap: wrap;">
	<div style="width: 100px; height: 100px; background: #007bff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; margin: 10px; transition: all 0.3s;~~" onmouseover="this.style.transform='scale(1.2)'; this.style.background='#0056b3'" onmouseout="this.style.transform='scale(1)'; this.style.background='#007bff'~~">悬停效果</div>		<div class="hover-demo" style="width: 100px; height: 100px; background: #007bff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; margin: 10px; transition: all 0.3s ease;">
			悬停效果
			</div>

	<div style="width: 100px; height: 100px; background: #6f42c1; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; margin: 10px~~; animation: pulse 2s infinite~~;">		<div class="pulse-demo" style="width: 100px; height: 100px; background: #6f42c1; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; margin: 10px;">
	~~<style>~~
	~~@keyframes pulse {~~
	~~0% { transform: scale(1); }~~
	~~50% { transform: scale(1.1); }~~
	~~100% { transform: scale(1); }~~
	}
	~~</style~~>
	脉动动画		脉动动画
	</div>		</div>
第147行：		第142行：
	<h3>字符串操作</h3>		<h3>字符串操作</h3>
	<p>当前时间: <b>{{#time: Y年m月d日 H:i:s }}</b></p>		<p>当前时间: <b>{{#time: Y年m月d日 H:i:s }}</b></p>
	<p>~~字符串长度 "MediaWiki"~~: ~~<b>~~{{#~~len~~: ~~MediaWiki~~}}</b></p>		<p>字符替换:
	~~<p>字符串位置 "ia"在"MediaWiki"中: <b>{{#pos: MediaWiki\|ia~~}}~~</b>~~</p>		{{#replace: {{FULLPAGENAME}}
			\| 模板
			\| <span style="color: red;">模板</span>
			}}
			</p>
	</div>		</div>

第171行：		第170行：
	<div style="display: flex; justify-content: space-around; flex-wrap: wrap;">		<div style="display: flex; justify-content: space-around; flex-wrap: wrap;">
	<div style="margin: 10px;">		<div style="margin: 10px;">
	~~<div style="font-size: 2em; font-weight: bold;">{{#len: {{FULLPAGENAME}}}}</div>~~		<div style="font-size: 2em; font-weight: bold;">{{#expr: {{CURRENTHOUR}}*60 + {{CURRENTMINUTE}}}}</div>
	~~<div>页面名称长度</div>~~
	~~</div>~~
	~~<div style="margin: 10px;">~~
	<div style="font-size: 2em; font-weight: bold;">{{#expr: ({{CURRENTHOUR}}*60 + {{CURRENTMINUTE}}~~)/1~~}}</div>
	<div>今日已过分钟数</div>		<div>今日已过分钟数</div>
	</div>		</div>
第181行：		第176行：
	<div style="font-size: 2em; font-weight: bold;">{{#time: z}}</div>		<div style="font-size: 2em; font-weight: bold;">{{#time: z}}</div>
	<div>年内第几天</div>		<div>年内第几天</div>
			</div>
			<div style="margin: 10px;">
			<div style="font-size: 2em; font-weight: bold;">{{CURRENTTIMESTAMP}}</div>
			<div>当前时间戳</div>
	</div>		</div>
	</div>		</div>
第196行：		第195行：
	</div>		</div>

	<!-- ~~响应式设计媒体查询~~ -->		<!-- CSS样式和动画 -->
	<style>		<style>
			.hover-demo:hover {
			background: #0056b3 !important;
			transform: scale(1.2);
			cursor: pointer;
			}

			.pulse-demo {
			animation: pulse 2s infinite;
			}

			@keyframes pulse {
			0% { transform: scale(1); }
			50% { transform: scale(1.1); }
			100% { transform: scale(1); }
			}

	@media (max-width: 768px) {		@media (max-width: 768px) {
	.mw-tech-showcase {		.mw-tech-showcase {
第211行：		第226行：

	<noinclude>		<noinclude>
	== 示例模板A ==		== 示例模板A - 技术展示 ==
	这是一个展示MediaWiki所有核心技术的综合性演示模板。		这是一个展示MediaWiki所有核心技术的综合性演示模板。

2025年8月21日 (四) 05:37 Magezeya

2025-08-21T05:37:39Z

←上一版本		2025年8月21日 (四) 13:37的版本
第5行：		第5行：
	<!-- 顶部标题区 -->		<!-- 顶部标题区 -->
	<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 15px 15px 0 0; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.15);">		<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; border-radius: 15px 15px 0 0; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.15);">
	<h1 style="margin: 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">~~MediaWiki 技术全景展示~~</h1>		<h1 style="margin: 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">示例模板A</h1>
	<p style="font-size: 1.2em; opacity: 0.9;">探索 Wikitext、HTML、CSS 和解析器函数的无限可能</p>		<p style="font-size: 1.2em; opacity: 0.9;">探索 Wikitext、HTML、CSS 和解析器函数的无限可能</p>
	<div style="margin-top: 15px;">		<div style="margin-top: 15px;">
第211行：		第211行：

	<noinclude>		<noinclude>
	== ~~MediaWiki技术展示模板~~ ==		== 示例模板A ==
	这是一个展示MediaWiki所有核心技术的综合性演示模板。		这是一个展示MediaWiki所有核心技术的综合性演示模板。

	=== 使用方法 ===		=== 使用方法 ===
	<pre>		<pre>
	{{~~MediaWiki技术展示~~}}		{{示例模板A}}
	{{~~MediaWiki技术展示~~\|参数1\|参数2\|red}}		{{示例模板A\|参数1\|参数2\|red}}
	</pre>		</pre>

2025年8月21日 (四) 05:35 Magezeya

2025-08-21T05:35:38Z

显示更改

Magezeya：创建页面，内容为“

🎨 示例模板A 🎨

模板:示例模板A - 版本历史

2025年8月21日 (四) 05:57 Magezeya

2025年8月21日 (四) 05:56 Magezeya

2025年8月21日 (四) 05:55 Magezeya

2025年8月21日 (四) 05:52 Magezeya

2025年8月21日 (四) 05:49 Magezeya

2025年8月21日 (四) 05:37 Magezeya

2025年8月21日 (四) 05:35 Magezeya

Magezeya：​创建页面，内容为“ 🎨 示例模板A 🎨

🎨 示例模板A 🎨

Magezeya：创建页面，内容为“

🎨 示例模板A 🎨