Template:Headline：修订间差异

←上一编辑

可视化wikitext

@@ 第1行： / 第1行： @@
 {{#css:
-.esu-headline-image img {
-	border: {{{border|5px}}} solid #ff0000;
-}
 .esu-headline-text {
 	text-align: center;
-	color: red;
 	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px rgb(204, 204, 255);
-	font-family: Yunlin Sans, Hiragino Sans GB, 等线, sans-serif;
+	font-family: Yunlin Sans, Hiragino Sans GB, 等线, 黑体, sans-serif;
 	font-size: 3em;
-	letter-spacing: {{{spacing|1em}}};
+	letter-spacing: 1em;
 	width: 100%;
 	margin: 0 auto;
+	transform: translate(0.5em, 0);
+}
+#mw-mf-page-center .esu-headline-text {
+	font-size: 2em;
+	letter-spacing: 0.6em;
+	transform: translate(0.3em, 0);
+}
+.esu-headline-text.esu-headline-text-overlay {
 	position: absolute;
 	top: 50%;
 	left: 50%;
-	transform: translate(-50%, -50%);
+	transform: translate(-50%, -50%); /* 兼容性：野蛮IE不支持calc */
+	transform: translate(calc(-50% + 0.5em), -50%);
 }
-.esu-headline-text::first-letter {
+#mw-mf-page-center .esu-headline-text.esu-headline-text-overlay {
-	transform: translate(-{{{spacing|1em}}}, 0);
+	transform: translate(calc(-50% + 0.3em), -50%);
 }
 }}
-<div style="width: 100%; position: relative;">
+<div style="position: relative; color: {{{color|red}}};">
-	<center class="esu-headline-image">{{{image|}}}</center>
+	<center>
-	<center class="esu-headline-text">{{{1}}}</center>
+		{{#if:{{{image|}}}|
+		<span style="outline: {{{border|5px}}} solid {{{border-color|{{{color|red}}}}}};">{{{image}}}</span>
+		}}
+	</center>
+	<center class="esu-headline-text {{#if:{{{image|}}}| {{#if:{{{overlay|}}}|<!--empty-->|esu-headline-text-overlay}} }}">
+		{{{1}}}
+	</center>
 </div><noinclude>
 == 用途 ==
@@ 第29行： / 第40行： @@
 == 参数 ==
+=== <code>image</code> ===
+可选图片
 === <code>1</code> ===
 文字
-=== <code>image</code> ===
-可选图片
-=== <code>spacing</code> ===
-字距，默认为<code>1em</code>（1方块），填写<code>0</code>可关闭
 === <code>border</code> ===
 图片边框粗细，默认为<code>5px</code>，填写<code>0</code>可关闭
+=== <code>overlay</code> ===
+文字是否覆盖图片，填写<code>no</code>可关闭
+=== <code>color</code> ===
+文字和边框的颜色，默认为<code>red</code>
+=== <code>border-color</code> ===
+边框颜色，默认与文字颜色一致
 == 示例 ==
@@ 第43行： / 第58行： @@
 |image=[[File:BBHP.jpg|500px]]
 |医院深造<br>深度残疾
+|border=0
 }}
 </pre>
@@ 第48行： / 第64行： @@
 |image=[[File:BBHP.jpg|500px]]
 |医院深造<br>深度残疾
+|border=0
+}}
+<pre>
+{{headline
+|image=[[File:QQ图片20151027225832.jpg|死的好惨啊]]
+|未确认死妈快感
+|overlay=no
+|border=3px
+}}
+</pre>
+{{headline
+|image=[[File:QQ图片20151027225832.jpg|死的好惨啊]]
+|未确认死妈快感
+|overlay=no
+|border=3px
+}}
+<pre>
+{{headline
+|image=[[File:奶子精.png|1000px|忽悠大革命]]
+|'''用鲜血和生命保卫大忽悠'''
+|color=blue
+|border-color=green
+}}
+</pre>
+{{headline
+|image=[[File:奶子精.png|1000px|忽悠大革命]]
+|'''用鲜血和生命保卫大忽悠'''
+|color=blue
+|border-color=green
 }}
 [[Category:格式模板]]
 </noinclude>