个人工具

模板:Block

出自Meshal Lite

(修订版本间的差异)
跳转到: 导航, 搜索
第1行: 第1行:
 
<includeonly>{{#vardefine: contentTextColor|{{#switch: {{{preset|rule}}}
 
<includeonly>{{#vardefine: contentTextColor|{{#switch: {{{preset|rule}}}
 
|rule=inherit
 
|rule=inherit
|info=<nowiki>inherit</nowiki>
+
|info=inherit
|cmpgntale=<nowiki>inherit</nowiki>
+
|cmpgntale=inherit
|cmpgntip=<nowiki>inherit</nowiki>
+
|cmpgntip=inherit
|op= <nowiki>inherit</nowiki>
+
|op= inherit
|#default=<nowiki>inherit</nowiki>}}}}{{#vardefine: contentBgColor|{{#switch: {{{preset|rule}}}
+
|#default=inherit}}}}{{#vardefine: contentBgColor|{{#switch: {{{preset|rule}}}
|rule=#F2F2F2
+
|rule=rgb(242,242,242)
|info=<nowiki>#fef9e3</nowiki>
+
|info=rgb(254,249,227)
|cmpgntale=<nowiki>#E0D4C5</nowiki>
+
|cmpgntale=rgb(224,212,197)
|cmpgntip=<nowiki>#E3E7F4</nowiki>
+
|cmpgntip=rgb(227,231,244)
|op=<nowiki>#fff0e5</nowiki>
+
|op=rgb(255,240,229)
|#default=<nowiki>#F2F2F2</nowiki>}}}}{{#vardefine: headerTextColor|{{#switch: {{{preset|rule}}}
+
|#default=rgb(242,242,242)}}}}{{#vardefine: headerTextColor|{{#switch: {{{preset|rule}}}
|rule=#ffffff
+
|rule=rgb(255,255,255)
|info=<nowiki>#ffffff</nowiki>
+
|info=rgb(255,255,255)
|cmpgntale=<nowiki>#ffffff</nowiki>
+
|cmpgntale=rgb(255,255,255)
|cmpgntip=<nowiki>#ffffff</nowiki>
+
|cmpgntip=rgb(255,255,255)
|op= <nowiki>#ffffff</nowiki>
+
|op= rgb(255,255,255)
|#default=<nowiki>#ffffff</nowiki>}}}}{{#vardefine: headerBgColor|{{#switch: {{{preset|rule}}}|
+
|#default=rgb(255,255,255)}}}}{{#vardefine: headerBgColor|{{#switch: {{{preset|rule}}}|
|rule=#747D82
+
|rule=rgb(116,125,130)
|info=<nowiki>#8c7f68</nowiki>
+
|info=rgb(140,127,104)
|cmpgntale=<nowiki>#987058</nowiki>
+
|cmpgntale=rgb(152,112,88)
|cmpgntip=<nowiki>#525388</nowiki>
+
|cmpgntip=rgb(82,83,136)
|op=<nowiki>#927470</nowiki>
+
|op=rgb(146,116,112)
|#default=<nowiki>#747D82</nowiki>}}}}<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}}}}}; {{{headerStyle|}}}">{{{1|{{{title|}}}}}}</div>
+
|#default=rgb(116,125,130)}}}}<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}}}}}; {{{headerStyle|}}}">{{{1|{{{title|}}}}}}</div>
 
<div class="blockContent" style="color: {{{contentTextColor|{{#var:contentTextColor}}}}}; {{{contentStyle|}}}">
 
<div class="blockContent" style="color: {{{contentTextColor|{{#var:contentTextColor}}}}}; {{{contentStyle|}}}">
 
{{{2|{{{text|}}}}}}</div></div></includeonly><noinclude>[[category:模板]]
 
{{{2|{{{text|}}}}}}</div></div></includeonly><noinclude>[[category:模板]]

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

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

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
headerTextColor

标题区的文本颜色。

  • 默认为#ffffff
headerBgColor

标题区的背景色。

  • 默认为#747D82
contentTextColor

正文区的文本颜色。

  • 默认为inherit
contentBgColor

正文区的背景色。

  • 默认为#F2F2F2
headerStyle

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

contentStyle

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

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