个人工具

模板:Block

出自Meshal Lite

(修订版本间的差异)
跳转到: 导航, 搜索
第1行: 第1行:
<includeonly>{{#vardefine: contentBgColor|{{#switch: {{{preset|rule}}}
+
<includeonly>{{#vardefine: contentTextColor|{{#switch: {{{preset|rule}}}
|rule=F2F2F2
+
|rule=inherit
|info=fef9e3
+
|info=inherit
|cmpgntale=E0D4C5
+
|cmpgntale=inherit
|cmpgntip=E3E7F4
+
|cmpgntip=inherit
|op=fff0e5
+
|op= inherit
|#default=F2F2F2}}}}{{#vardefine: headerBgColor|{{#switch: {{{preset|rule}}}|
+
|#default=inherit}}}}{{#vardefine: contentBgColor|{{#switch: {{{preset|rule}}}
|rule=747D82
+
|rule=#F2F2F2
|info=8c7f68
+
|info=#fef9e3
|cmpgntale=987058
+
|cmpgntale=#E0D4C5
|cmpgntip=525388
+
|cmpgntip=#E3E7F4
|op=927470
+
|op=#fff0e5
|#default=747D82}}}}<div class="block" style="background-color: #{{{lightcolor|{{#var: contentBgColor}}}}}; border-color: #{{{darkcolor|{{#var: headerBgColor}}}}};"><div class="blockTitle" style="background-color: #{{{darkcolor|{{#var: headerBgColor}}}}}; color: #FFFFFF; {{{titlestyle|}}}">{{{1|{{{title|}}}}}}</div>
+
|#default=#F2F2F2}}}}{{#vardefine: headerTextColor|{{#switch: {{{preset|rule}}}
<div class="blockContent" style="{{{textstyle|}}}">
+
|rule=#ffffff
 +
|info=#ffffff
 +
|cmpgntale=#ffffff
 +
|cmpgntip=#ffffff
 +
|op= #ffffff
 +
|#default=#ffffff}}}}{{#vardefine: headerBgColor|{{#switch: {{{preset|rule}}}|
 +
|rule=#747D82
 +
|info=#8c7f68
 +
|cmpgntale=#987058
 +
|cmpgntip=#525388
 +
|op=#927470
 +
|#default=#747D82}}}}<div class="block" style="background-color: {{{contentBgColor |{{#var: contentBgColor}}}}}; border-color: {{{headerBgColor |{{#var: headerBgColor}}}}};"><div class="blockTitle" style="background-color: {{{headerBgColor |{{#var: headerBgColor}}}}}; color: {{{headerTextColor|{{#var: headerTextColor}}}}}; {{{titlestyle|}}}">{{{1|{{{title|}}}}}}</div>
 +
<div class="blockContent" style="color: {{{contentTextColor|{{#var:contentTextColor}}}}}; {{{textstyle|}}}">
 
{{{2|{{{text|}}}}}}</div></div></includeonly><noinclude>[[category:模板]]
 
{{{2|{{{text|}}}}}}</div></div></includeonly><noinclude>[[category:模板]]
 
加入一段含有标题的文本块,它会以框体(标题和正文)的形式呈现。
 
加入一段含有标题的文本块,它会以框体(标题和正文)的形式呈现。

在2018年3月8日 (四) 07:52所做的修订版本

加入一段含有标题的文本块,它会以框体(标题和正文)的形式呈现。

1 或 title

这段文字的标题,留空则不显示标题。

2 或 text

这段文字的具体内容

preset

这段文字的预设配色,决定了这个段落的配色(会被darkcolor、lightcolor覆盖)

预设配色包括:

  • rule(默认):darkcolor/titlelightcolor/text
  • info:darkcolor/titlelightcolor/text
  • cmpgntale:darkcolor/titlelightcolor/text
  • cmpgntip:darkcolor/titlelightcolor/text
  • op:darkcolor/titlelightcolor/text
darkcolor

框体深色部分的色号,包括标题区的背景色(不用加“#”号),默认为747D82

lightcolor

正文区的背景色(不用加“#”号),默认为F2F2F2

titlestyle

标题区追加的css样式,可自定义

textstyle

正文区追加的css样式,可自定义

{{block
|title=标题……
|text=正文……
}}