「利用者:Adminkoyama100/sandbox」の版間の差分
ナビゲーションに移動
検索に移動
Adminkoyama100 (トーク | 投稿記録) |
Adminkoyama100 (トーク | 投稿記録) |
||
1行目: | 1行目: | ||
== タブの例 == | |||
== インタビュー 高8回:鈴木 弘喜 == | |||
<br> | |||
<div style="width:82%> | |||
<tabs> | |||
<tab name="P01"> | |||
<div style="margin:0 1em 0 3em"> | |||
:[[ファイル:220212 SuzukiHr 001.jpg]] | |||
<div align="center">[[#P02| → 次ページへ]] </div> | |||
<div align="center">[[#P08| →→ 最終ページへ]]</div> | |||
</div> | |||
</tab> | |||
<tab name="P02"> | |||
<div style="margin:0 1em 0 3em"> | |||
:[[ファイル:220212 SuzukiHr 002.jpg]] | |||
<div align="center">[[#P03| → 次ページへ]]</div> | |||
<div align="center">[[#P01| ← 前ページへ]] [[#P08| →→ 最終ページへ]]</div> | |||
</div> | |||
</tab> | |||
<tab name="P03"> | |||
<div style="margin:0 1em 0 3em"> | |||
:[[ファイル:220212 SuzukiHr 003.jpg]] | |||
<div align="center">[[#P04| → 次ページへ]]</div> | |||
<div align="center">[[#P02| ← 前ページへ]] [[#P01| ←← 最初のページへ]] [[#P08| →→ 最終ページへ]]</div> | |||
</div> | |||
</tab> | |||
<tab name="P04"> | |||
<div style="margin:0 1em 0 3em"> | |||
:[[ファイル:220212 SuzukiHr 004.jpg]] | |||
<div align="center">[[#P05| → 次ページへ]]</div> | |||
<div align="center">[[#P03| ← 前ページへ]] [[#P01| ←← 最初のページへ]] [[#P10| →→ 最終ページへ]]</div> | |||
</div> | |||
</tab> | |||
<tab name="P05"> | |||
<div style="margin:0 1em 0 3em"> | |||
:[[ファイル:220212 SuzukiHr 005.jpg]] | |||
<div align="center">[[#P06| → 次ページへ]]</div> | |||
<div align="center">[[#P04| ← 前ページへ]] [[#P01| ←← 最初のページへ]] [[#P08| →→ 最終ページへ]]</div> | |||
</div> | |||
</tab> | |||
<tab name="P06"> | |||
<div style="margin:0 1em 0 3em"> | |||
:[[ファイル:220212 SuzukiHr 006.jpg]] | |||
<div align="center">[[#P07| → 次ページへ]]</div> | |||
<div align="center">[[#P05| ← 前ページへ]] [[#P01| ←← 最初のページへ]] [[#P10| →→ 最終ページへ]]</div> | |||
</div> | |||
</tab> | |||
<tab name="P07"> | |||
<div style="margin:0 1em 0 3em"> | |||
:[[ファイル:220212 SuzukiHr 007.jpg]] | |||
<div align="center">[[#P08| → 次ページへ]]</div> | |||
<div align="center">[[#P06| ← 前ページへ]] [[#P01| ←← 最初のページへ]] [[#P08| →→ 最終ページへ]]</div> | |||
</div> | |||
</tab> | |||
<tab name="P08"> | |||
<div style="margin:0 1em 0 3em"> | |||
:[[ファイル:220212 SuzukiHr 008.jpg]] | |||
<div align="center">[[#P07| ← 前ページへ]] [[#P01| ←← 最初のページへ]]</div> | |||
</div> | |||
</tab> | |||
</tabs> | |||
</div> | |||
<br> | |||
=== インタビュー時の動画 (工事中です。)=== | |||
::<youtube>Dummy</youtube><br> | |||
::2022年2月12日インタビュー(X分XX秒)<br><br><br><br> | |||
---- | |||
:[[#top| ↑ページトップへ]] [[卒業生| ↑↑「卒業生」のページに移動]] [[メインページ#人物アーカイブ (敬称略)| ↑↑メインページ(人物アーカイブ)に移動]] | |||
---- | |||
脚注:<references/> | |||
・<br> | |||
<div Align="right"> | |||
<span style="color:white;"> | |||
{{REVISIONYEAR}}年{{REVISIONMONTH1}}月{{REVISIONDAY}}日:直近編集者:{{REVISIONUSER}}<br> | |||
TimeStamp:{{REVISIONTIMESTAMP}} | |||
</span> | |||
</div> | |||
<br> | |||
<br> | |||
<br> | |||
== タブのデモ == | == タブのデモ == | ||
<tabs> | <tabs> |
2022年3月21日 (月) 10:28時点における版
タブの例
インタビュー 高8回:鈴木 弘喜
インタビュー時の動画 (工事中です。)
- 2022年2月12日インタビュー(X分XX秒)
脚注:
・
2022年3月21日:直近編集者:Adminkoyama100
TimeStamp:20220321102817
タブのデモ
This tab has a defined
name
. It also has a style
attribute set to style="border:1px solid black;"
.This tab also has a defined
name
attribute, and its style
attribute set to style="background:salmon;"
.This tab has no attributes defined. Its name is automatically generated based on its position.
This is a seperate tab. It has a defined
index
attribute with value "1". This makes it also show when the first tab is selected.This is a seperate tab. It has a defined
name
attribute, with a value equal to that of the second tab ("Second"). It therefore also shows when the second tab is opened.This line of text will show for every tab you view. It is not placed within <tab> tags, and can be used as default content for the tab menu.
For example, this will not work:
Foo
Bar
But this will work:
- と言うが機能していないようだ。
Foo
Bar
Toggle box demos
Plain toggle box
<tab>This toggle box has no attributes assigned to it.</tab>
This toggle box has no attributes assigned to it.
Toggle box attributes
<tab collapsed openname="Toggle" style="font-weight:bold;width:500px;" container="font-style:italic;" title="Example tooltip">
This toggle box has the following attributes defined:
*<code>collapsed</code> - By default, it is closed.
*<code>openname="Toggle"</code> - The label will show "Toggle" when it can be clicked to open the box. Since no <code>closename</code> attribute is defined, it defaults to "Toggle" too.
*<code>style="font-weight:bold;width:500px;"</code> - The whole toggle box will be bold, and have a width of 500px.
*<code>container="font-style:italic;"</code> - Only the contents of the toggle box will be italic.
*<code>title="Example tooltip"</code> - The tooltip that shows when hovering over this tab is defined via the <code>title</code> attribute.
</tab>
This toggle box has the following attributes defined:
collapsed
- By default, it is closed.
openname="Toggle"
- The label will show "Toggle" when it can be clicked to open the box. Since no closename
attribute is defined, it defaults to "Toggle" too.
style="font-weight:bold;width:500px;"
- The whole toggle box will be bold, and have a width of 500px.
container="font-style:italic;"
- Only the contents of the toggle box will be italic.
title="Example tooltip"
- The tooltip that shows when hovering over this tab is defined via the title
attribute.
Inline toggle boxes
<tab inline collapsed openname="Show" closename="Hide">
Here is an example of an inline toggle box.
This togglebox is inline
and collapsed
This toggle box has the attributes
openname="Show"
and closename="Hide"
to change the default label text.