模板:Test/character - 版本历史

2026年3月2日 (一) 12:56 Rin

2026-03-02T12:56:29Z

←上一版本		2026年3月2日 (一) 20:56的版本
第1行：		第1行：
	<templatestyles src="~~FullscreenCard~~/styles.css" />		<templatestyles src="PageBackground/styles.css" />

			<div class="page-bg-fixed">
	<div class="~~card~~-~~fullscreen~~-~~img~~">		[[File:{{{image\|test卡面.jpg}}}\|2048px\|frameless\|link=]]
	[[File:test卡面.jpg\|2048px\|frameless]]
	~~</div>~~

	~~<div class="card-placeholder"></div>~~

	~~<div class="card-content-container">~~
	~~你的正文内容~~
	</div>		</div>

2026年3月2日 (一) 12:55 Rin

2026-03-02T12:55:20Z

←上一版本		2026年3月2日 (一) 20:55的版本
第1行：		第1行：
	<templatestyles src="FullscreenCard/styles.css" />		<templatestyles src="FullscreenCard/styles.css" />

	~~<div class="fullscreen_card">~~
	~~[[File:test卡面.jpg\|frameless]]~~
	~~</div>~~
	<div class="card-fullscreen-img">		<div class="card-fullscreen-img">
	[[File:test卡面.jpg\|2048px\|frameless]]		[[File:test卡面.jpg\|2048px\|frameless]]

2026年3月2日 (一) 12:54 Rin

2026-03-02T12:54:41Z

←上一版本		2026年3月2日 (一) 20:54的版本
第5行：		第5行：
	</div>		</div>
	<div class="card-fullscreen-img">		<div class="card-fullscreen-img">
	[[File:test卡面.jpg\|frameless]]		[[File:test卡面.jpg\|2048px\|frameless]]
	</div>		</div>

2026年3月2日 (一) 12:53 Rin

2026-03-02T12:53:03Z

@@ 第1行： / 第1行： @@
-<templatestyles>
+<templatestyles src="FullscreenCard/styles.css" />
 <div class="card-fullscreen-img">
 [[File:test卡面.jpg|frameless]]

2026年3月2日 (一) 12:47 Rin

2026-03-02T12:47:25Z

←上一版本		2026年3月2日 (一) 20:47的版本
第1行：		第1行：
	<templatestyles>		<templatestyles>
	.~~fullscreen_card~~ {		.card-fullscreen-img {
	position: fixed;		position: fixed;
	top: 0;		top: 0;
	left: 0;		left: 0;
	width: 100vw;		width: 100vw;
	height: 100vh;		height: 100vh;
			z-index: 0;
			overflow: hidden;
			}

	z-~~index~~: ~~-999~~; ~~/* 比正文更低 */~~		.card-fullscreen-img img {
	~~pointer~~-~~events~~: ~~none~~;		width: 100%;
			height: 100%;
			object-fit: cover;
	}		}

	.~~fullscreen_card img~~ {		.card-content-container {
	width: ~~100~~%;		position: relative;
	~~height~~: ~~100%~~;		left: 50%;
	~~object~~-~~fit~~: ~~cover~~;		width: 100vw;
			transform: translateX(-50%);
			z-index: 1;
			}

			.card-placeholder {
			height: 40vh;
	}		}
	</templatestyles>		</templatestyles>

	<div class="~~fullscreen_card~~">		<div class="card-fullscreen-img">
	[[File:test卡面.jpg\|frameless]]		[[File:test卡面.jpg\|frameless]]
			</div>

			<div class="card-placeholder"></div>

			<div class="card-content-container">
			你的正文内容
	</div>		</div>

2026年3月2日 (一) 12:44 Rin

2026-03-02T12:44:04Z

←上一版本		2026年3月2日 (一) 20:44的版本
第2行：		第2行：
	.fullscreen_card {		.fullscreen_card {
	position: fixed;		position: fixed;
	~~inset~~: 0;		top: 0;
	z-index: -1; /* ~~放到底层~~ */		left: 0;
	~~overflow~~: ~~hidden~~;		width: 100vw;
			height: 100vh;

			z-index: -999; /* 比正文更低 */
			pointer-events: none;
	}		}

第10行：		第14行：
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
	object-fit: cover~~; /* 等价于 background-size: cover */~~		object-fit: cover;
	~~object-position: center~~;
	}		}
	</templatestyles>		</templatestyles>

	<div class="fullscreen_card">		<div class="fullscreen_card">
	[[File:test卡面.jpg\|~~class=bgimg~~]]		[[File:test卡面.jpg\|frameless]]
	</div>		</div>

2026年3月2日 (一) 12:43 Rin

2026-03-02T12:43:13Z

←上一版本		2026年3月2日 (一) 20:43的版本
第1行：		第1行：
	<templatestyles>		<templatestyles>
	.~~example~~-~~box~~ {		.fullscreen_card {
	~~border~~: ~~2px solid #888~~;		position: fixed;
	~~padding~~: ~~8px~~;		inset: 0;
	background: ~~#fff4f4;~~		z-index: -1; /* 放到底层 */
	~~color~~: ~~#202020~~;		overflow: hidden;
			}

			.fullscreen_card img {
			width: 100%;
			height: 100%;
			object-fit: cover; /* 等价于 background-size: cover */
			object-position: center;
	}		}
	</templatestyles>		</templatestyles>

	<div class="~~example-box~~">		<div class="fullscreen_card">
	~~这是带有样式的示例模板。~~		[[File:test卡面.jpg\|class=bgimg]]
	</div>		</div>

Rin：创建页面，内容为“ .example-box { border: 2px solid #888; padding: 8px; background: #fff4f4; color: #202020; }
这是带有样式的示例模板。
”

2026-03-02T12:39:57Z

创建页面，内容为“<templatestyles> .example-box { border: 2px solid #888; padding: 8px; background: #fff4f4; color: #202020; } </templatestyles> <div class="example-box"> 这是带有样式的示例模板。 </div>”

新页面

<templatestyles>
.example-box {
border: 2px solid #888;
padding: 8px;
background: #fff4f4;
color: #202020;
}
</templatestyles>

<div class="example-box">
这是带有样式的示例模板。
</div>