模板:Tabs/收纳表/doc:修订间差异

跳到导航 跳到搜索
删除2,786字节 、​ 2023年11月18日 (星期六)
补充
(攸萨移动页面模板:Tabs/周年庆感言/doc模板:Tabs/收纳表/doc:使用更广泛的名称)
(补充)
 
(未显示2个用户的8个中间版本)
第1行: 第1行:
==使用方式==
==使用方式==
将以下源代码插入页面:
将以下源代码插入页面:
<pre>{{Tabs/周年庆感言
<pre>{{Tabs/收纳表
|tab1=标题2名称
|tab1=标题2名称
|tab2=标题2名称
|tab2=标题2名称
第10行: 第10行:
}}</pre>
}}</pre>
*模板使用<nowiki><templatestyles src=":透明样式/styles.css" /></nowiki>
*模板使用<nowiki><templatestyles src=":透明样式/styles.css" /></nowiki>
 
===已知BUG===
== 参数 ==
*使用[[模板:Tabs/收纳表/styles.css]]的情况下,无法实现'''范例 - 侧边收纳表'''。
**EX:[[模板:文化代表人物/人物简介]]与'''范例 - 侧边收纳表'''要共同存在一个词条需多增设'''<nowiki>|收纳表=OFF</nowiki>'''。
**:'''<nowiki>|收纳表=OFF</nowiki>'''使用的情况下,宽度的偏移就补设定'''<nowiki>|width =auto|sitmwidth =80px</nowiki>'''。
== 参数 ==  
以下是可填入的参数以及其说明。参数输入的顺序皆不会影响模版的运行,可以随意地写。
以下是可填入的参数以及其说明。参数输入的顺序皆不会影响模版的运行,可以随意地写。
{|class="wikitable"
{|class="wikitable"
|+模版参数
|+模版参数
! 参数名 !! 默认值 !! 解释
! 参数名 !! 旧名/别名 !! 解释
|-
|-
| <code>selectHeight</code> || 无 || 选择栏的最大高度,如100px。若有设置而内容太长挤不进去,则右方会多一个滚动条
| <code>initialTab</code> || 无 || 键入content的数字会直接预览该content
|-
|-
| <code>textHeight  </code> || 无 || 内容框的高度,如10em。同上。
| <code>(style)</code> || 无 || 整体框架的 css style。也可以加入 class
|-
|-
| <code>selectWidth </code> || || 选择栏的宽度,如50%。若有设置而内容太长挤不进去,则下方会多一个滚动条
| <code>stab(style)</code> || select(style) || 选择栏的 css style。也可以加入 class
|-
|-
| <code>textWidth  </code> || || 内容框的宽度,如75ch。同上。
| <code>ctab(style)</code> || text(style) || 内容框的 css style。也可以加入 class
|-
|-
| <code>splitCount  </code> || || 每行共有几个物件
| <code>sitm(style) </code> || || 选择栏内个别物件的 css style。也可以加入 class
|-
|-
| <code>textDisplay </code> ||down
| <code>citm(style) </code> || 无 || 内容框内个别物件的 css style。也可以加入 class
|内容相对于选择栏的位置,可输入
|-
| <code>splitCount  </code> || 无 || 预设5。选择栏每行共有几个物件
|-
| <code>textDisplay </code> ||
|预设down。内容相对于选择栏的位置,可输入
* top(内容在选择栏上)
* top(内容在选择栏上)
* down(内容在选择栏下)
* down(内容在选择栏下)
第42行: 第49行:




===范例 1 - 基础===
 
===范例 - 基础、顺序不影响===
<pre>
<pre>
{{Tabs/周年庆感言
{{Tabs/收纳表
|tab1 = 选择1
|tab1 = 选择1
|tab2 = 选择2
|tab2 = 选择2
|tab10086 = 选择5
|tab3 = 选择3
|tab3 = 选择3
|tab1337 = 选择4
|content10086 = 内容5
|content1 = 内容1
|content1 = 内容1
|content2 = 内容2
|content2 = 内容2
|content1337 = 内容4
|content3 = 内容3
|content3 = 内容3
}}
}}
</pre>
</pre>
{{Tabs/周年庆感言
{{Tabs/收纳表
|tab1 = 选择1
|tab1 = 选择1
|tab2 = 选择2
|tab2 = 选择2
|tab10086 = 选择5
|tab3 = 选择3
|tab3 = 选择3
|tab1337 = 选择4
|content10086 = 内容5
|content1 = 内容1
|content1 = 内容1
|content2 = 内容2
|content2 = 内容2
|content1337 = 内容4
|content3 = 内容3
|content3 = 内容3
}}
}}
<hr>
<hr>


===范例 2 - 编号不必连续、参数顺序不影响显示===
<pre>
{{Tabs/周年庆感言
|tab0 = 第一个显示的选择
|tab10086 = 第三个显示的选择
|tab1555 = 第二个显示的选择
|content10086 = 第三个显示的内容
|content0 = 第一个显示的内容
|content1555 = 第二个显示的内容
}}
</pre>
{{Tabs/周年庆感言
|tab0 = 第一个显示的选择
|tab10086 = 第三个显示的选择
|tab1555 = 第二个显示的选择
|content10086 = 第三个显示的内容
|content0 = 第一个显示的内容
|content1555 = 第二个显示的内容
}}
<hr>




===范例 3 - 可拉动式收纳表范例===
===范例 - 侧边收纳表===
<pre>
<pre>
{{Tabs/周年庆感言
{{Tabs/收纳表
|textDisplay = right
|textDisplay = right
|splitCount=1
|splitCount=1
第110行: 第105行:
}}
}}
</pre>
</pre>
{{Tabs/周年庆感言
{{Tabs/收纳表
|textDisplay = right
|textDisplay = right
|splitCount=1
|splitCount=1
第180行: 第175行:
——最近正试图从鸦片战争中拯救大清的H君
——最近正试图从鸦片战争中拯救大清的H君


|content8=Nunc nec porttitor leo. Curabitur ut molestie erat. Curabitur tristique sem eu justo commodo consectetur. Nam ornare posuere magna vitae finibus. In facilisis convallis elit, vitae pharetra quam finibus eu. Mauris ut ultrices quam, id vestibulum lacus. Sed euismod ac risus sed tempus. Etiam nec vulputate sem. Donec vehicula arcu vitae nisl rhoncus laoreet. Donec imperdiet porttitor mi, nec consectetur ligula lacinia vitae. Aliquam malesuada auctor velit eu condimentum.
|content8=Nunc nec porttitor leo.  
|content9=Nullam sit amet dui nulla. Praesent in mi sollicitudin, posuere lectus at, fermentum tortor. Nam id enim malesuada, ultricies justo id, dictum lacus. Curabitur consequat elementum nisi, vel consequat felis aliquam sit amet. Duis tellus libero, interdum a orci a, faucibus posuere lorem. Maecenas varius congue tellus sit amet mattis. Proin quis urna dapibus nisl semper varius ac sit amet ante. Proin non mauris sit amet neque placerat semper. Fusce ut libero sem. Nam venenatis neque sit amet velit rhoncus, pulvinar lobortis neque maximus. Etiam rutrum urna at libero dignissim condimentum. Etiam scelerisque lectus erat, ut semper ipsum varius et. Aliquam luctus libero in mi tincidunt, in varius eros ornare.
|content9=Nullam sit amet dui nulla.
|content10=Integer pulvinar diam quis lorem mattis convallis. Vivamus vel ipsum ac neque facilisis volutpat nec placerat velit. Nullam consectetur sapien non odio mattis sollicitudin. Cras nulla neque, consectetur et metus ut, condimentum tristique justo. Etiam bibendum quam a tellus tempus, id consectetur ante gravida. Vestibulum placerat iaculis est in blandit. Donec tempor ultrices libero nec euismod. Praesent nec tellus dolor. Morbi quis purus rhoncus quam semper eleifend laoreet eu nisl.
|content10=Integer pulvinar diam quis lorem mattis convallis.
|content11=Suspendisse consequat interdum mi, id eleifend urna elementum nec. Sed placerat ac arcu id mollis. Cras lobortis pharetra elit, vel facilisis enim tempus et. Nam mattis nibh quis mattis efficitur. Aenean lorem nisl, semper eu massa a, eleifend scelerisque ante. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque sem nisl, suscipit ac purus eu, tincidunt porta libero. Sed augue ipsum, pharetra non tellus volutpat, consectetur sodales sem. Etiam nibh diam, tempor ac volutpat at, blandit id mauris. Donec malesuada rhoncus risus nec elementum.
|content11=Suspendisse consequat interdum mi, id eleifend urna elementum nec.  
|content12=Suspendisse vitae turpis quis velit vulputate consectetur eget et mauris. Proin tempor dui nec neque blandit vulputate. Vivamus ac enim in ex fringilla commodo. Mauris interdum dictum erat, pellentesque congue tortor facilisis vitae. Donec congue dui ut elit consectetur euismod. Quisque massa diam, auctor vel efficitur et, gravida a lacus. Aliquam erat volutpat. Quisque et eros metus. Cras turpis elit, aliquam sit amet leo dapibus, condimentum scelerisque metus. Sed et odio tincidunt, lacinia ipsum vel, porta nibh.
|content12=Suspendisse vitae turpis quis velit vulputate consectetur eget et mauris.  
|content13=Ut a mauris faucibus, aliquet ipsum in, maximus ligula. Phasellus id tortor rhoncus ante malesuada commodo. Phasellus nec nibh posuere, vehicula ipsum a, consequat quam. Suspendisse tempus nibh odio, a ultrices quam eleifend at. Praesent tempor, dolor vitae aliquet pharetra, magna nisl rutrum augue, vel eleifend mi sem vitae orci. Quisque et mollis elit. Proin elementum turpis dui. Nullam id lorem elit
|content13=Ut a mauris faucibus, aliquet ipsum in, maximus ligula.
|content14=Donec orci ipsum, aliquam quis venenatis nec, tristique vitae diam. Maecenas posuere felis et orci ultrices, a varius metus pellentesque. Nunc convallis in arcu vitae ultrices. Maecenas velit turpis, aliquet eget est in, ultricies gravida orci. Phasellus quis turpis sed ex bibendum elementum quis non enim. Praesent sit amet dolor libero. Suspendisse dui massa, molestie non tellus ac, dictum egestas massa. Duis condimentum euismod urna, et efficitur felis condimentum eget. Integer finibus, diam vel cursus consequat, lacus sem sodales ipsum, in tincidunt velit sem quis ex. Nullam id sem lacinia, dignissim diam non, suscipit metus. Aliquam volutpat tempor pharetra.
|content14=Donec orci ipsum, aliquam quis venenatis nec, tristique vitae diam.
|content15=Maecenas ac mattis libero, ut suscipit nulla. Praesent id fermentum nulla. Curabitur ut viverra leo, tincidunt venenatis odio. Ut vulputate nisi non diam interdum convallis. Morbi eget porta leo. Vestibulum ut mattis ipsum, quis eleifend justo. Proin quis semper tortor. Nullam semper ullamcorper lacus. Sed a euismod neque. Suspendisse potenti. Donec dictum dolor sed tortor placerat, sollicitudin venenatis dolor gravida. Curabitur ornare condimentum mauris, et interdum sapien. Donec id dolor eget nunc tincidunt euismod at in erat. Curabitur consectetur arcu at ullamcorper semper.
|content15=Maecenas ac mattis libero, ut suscipit nulla.
}}
}}
<hr>


<noinclude>[[分类:功能模板]]</noinclude>
 
 
===范例 - CSS Styles===
<pre>
{{Tabs/收纳表
|background-color = darkgray
|border-radius = 3vmin
|width = min(800px, 95%)
|margin = 2%
 
|stabbackground-color = skyblue
|stabtext-align = center
 
|sitmcolor = darkorchid
|sitmfont-weight = 500
|sitmfont-size = clamp(16px, 3vmax, 24px)
 
|ctabbackground-color = #ffede0
|citmfont-size = clamp(16px, 3vmax, 24px)
 
|tab1 = 选择1
|tab2 = 选择2
|tab3 = 选择3
|tab4 = 选择4
|tab5 = 选择5
|content1 = 内容1
|content2 = 内容2
|content3 = 内容3
|content4 = 内容4
|content5 = 内容5
}}
</pre>
{{Tabs/收纳表
|background-color = darkgray
|border-radius = 3vmin
|width = min(800px, 95%)
|margin = 2%
 
|stabbackground-color = skyblue
|stabtext-align = center
 
|sitmcolor = darkorchid
|sitmfont-weight = 500
|sitmfont-size = clamp(16px, 3vmax, 24px)
 
|ctabbackground-color = #ffede0
|citmfont-size = clamp(16px, 3vmax, 24px)
 
|tab1 = 选择1
|tab2 = 选择2
|tab3 = 选择3
|tab4 = 选择4
|tab5 = 选择5
|content1 = 内容1
|content2 = 内容2
|content3 = 内容3
|content4 = 内容4
|content5 = 内容5
}}
====现有CSS Styles====
*[[模板:Tabs/收纳表/styles.css]]
[[分类:功能模板]]
15,439

个编辑

导航菜单