利用者:Adminkoyama100/sandboxのソースを表示

== 卒業生、同窓生からの「寄稿」 ==
:卒業生、同窓生から創立100周年を記念していただいた「寄稿」を掲載しています。同窓生の場合は「入学年月」または「編入年月」を記載。(敬称略)
<div style="margin:0 1em 0 1em">
{| class="wikitable sortable" style="max-width:1200px;"
|+寄　稿　一　覧
! style="width: 5%;" |№
! style="width: 8%;" |卒業回
! style="width: 8%;" |入学・編入年月
! style="width: 11%;" |氏　名
! style="width: 15%;" |ふりがな
! style="width: 10%;" |分　類
! style="width: 30%;" |タイトル
! style="width: 13%;" |備　考
|-
|001
|高22回
|1967年
|榎本 達郎
|えのもと たつろう
|高校生活
|
{| class="mw-collapsible mw-collapsed" data-expandtext="寄稿を開く" data-collapsetext="寄稿を閉じる"
|高校紛争の時代の小山台高校　
|-
|
<div style="margin:-28px 0 0 -300px">
<tabs>
<tab name="P01">
[[ファイル:寄稿 高22 EnomotoTr 001.jpg||1200px]]
<div align="center">[[#P02| → 次ページへ]]　</div>
</tab>
<tab name="P02">
[[ファイル:寄稿 高22 EnomotoTr 002.jpg|1200px]]
<div align="center">[[#P01| ← 前ページへ]]</div>
</tab>
</tabs>
</div>
|}
|-
|002
|高32回
|1977年
|日馬 美樹
|くさま みき
|高校生活
|昼休みの思い出
|
|-
|003
|
|
|
|
|
|
|
|-
|004
|
|
|
|
|
|
|
|-
|005
|
|
|
|
|
|
|
|-
|006
|
|
|
|
|
|
|
|-
|007
|
|
|
|
|
|
|
|-
|008
|
|
|
|
|
|
|
|-
|009
|
|
|
|
|
|
|
|-
|010
|
|
|
|
|
|
|
|}
</div>
<br><br><br>


=== [[File:New.gif|link=#注目！|注目ページはこちら]] 注目！ ===
: まずは以下の「注目ページ」を見てみましょう。
<tab style="color:red" name="注目ページはこちら！　　▼" dropdown>
*[[#年度別アーカイブ 　(4月～翌年3月) |年度別のできごと]]
**[[1923年度 (大正12年度) | 現在編集中です ]]
**[[File:lightbulb.gif|link=1930年度 (昭和 5年度)|クリックすると「1930年度 (昭和 5年度)」のページに移動します。]][[1930年度 (昭和 5年度) | 1930(昭和5)年のデキゴトは？ ]]
**[[File:lightbulb.gif|link=1951年度 (昭和26年度)|クリックすると「1951年度 (昭和26年度)」のページに移動します。]][[1951年度 (昭和26年度) | 先生方の昔の写真が... ]]
**[[File:lightbulb.gif|link=1958年度 (昭和33年度)|クリックすると「1958年度 (昭和33年度)」のページに移動します。]][[1958年度 (昭和33年度) | もう少しで完成します... ]]
**[[File:lightbulb.gif|link=1959年度 (昭和34年度)|クリックすると「1959年度 (昭和34年度)」のページに移動します。]][[1959年度 (昭和34年度) | こちらにも先生方が... ]]
**[[File:lightbulb.gif|link=1963年度 (昭和38年度)|クリックすると「1963年度 (昭和38年度)」のページに移動します。]][[1963年度 (昭和38年度) | 全定合同機関誌「寒菊」 ]]
*[[卒業生| 偉大な先輩インタビュー]]
**[[File:lightbulb.gif|link=小島 章伸|クリックすると「小島 章伸」インタビューページに移動します。]][[小島 章伸 | 中19回：小島 章伸 様インタビュー]]
**[[File:lightbulb.gif|link=滝　久雄|クリックすると「滝 久雄」インタビューページに移動します。]][[滝　久雄 | 高10回：滝 久雄 様インタビュー]]
*[[#班活動アーカイブ | 班ごとのページ]]
**:[[File:colorchangeball.gif|link=ワンダーフォーゲル班|クリックすると「ワンダーフォーゲル班」のページに移動します。]][[ワンダーフォーゲル班 | 「ワンダーフォーゲル班」をご覧ください！ ]]
*[[運動会 | ああ、運動会]]
**[[File:Heartbeat.gif|24px|link=運動会：1951年(昭和26年)|運動会：1951年(昭和26年)の運動会]][[運動会：1951年(昭和26年) | 「運動会：1951年(昭和26年)」運動会の写真あり！ ]]
**[[File:Heartbeat.gif|24px|link=運動会：1956年(昭和31年)|運動会：1956年(昭和31年)の運動会]][[運動会：1956年(昭和31年) | 「運動会：1956年(昭和31年)」運動会の歴史が分かる！ ]]
**[[File:Heartbeat.gif|24px|link=運動会：1959年(昭和34年)|運動会：1959年(昭和34年)の運動会]][[運動会：1959年(昭和34年) | 「運動会：1959年(昭和34年)」「棒倒し」の写真は必見！ ]]
**[[File:Heartbeat.gif|24px|link=運動会：1972年(昭和47年)|運動会：1972年(昭和47年)の運動会]][[運動会：1972年(昭和47年) | 「運動会：1972年(昭和47年)」動画も必見！ ]]
**[[File:Heartbeat.gif|24px|link=運動会：1974年(昭和49年)|運動会：1974年(昭和49年)の運動会]][[運動会：1974年(昭和49年) | 「運動会：1974年(昭和49年)」懐かしい動画あり！ ]]
**[[File:Heartbeat.gif|24px|link=運動会：1987年(昭和62年)|運動会：1987年(昭和62年)の運動会]][[運動会：1987年(昭和62年) | 「運動会：1987年(昭和62年)」リハーサル、本番の動画あり！ ]]
*[[#同期会のページ |同期会のページ]]


=== 文字サイズ指定 ===
'''文字サイズを指定する'''
:文字サイズを指定するには以下のように記述します。
<br>
:'''記述例'''
::<nowiki><span style="font-size:36px;">36ピクセルに指定</span></nowiki><br>
<br>
:'''表示'''
::<span style="font-size:36px;">36ピクセルに指定</span>
<br><br><br>
=== 文字サイズ指定 ===
'''文字サイズを指定する'''
:文字サイズを指定するには以下のように記述します。
<br>
:'''記述例'''
::<nowiki><span style="font-size:36px;">36ピクセルに指定</span></nowiki><br>
<br>
:'''表示'''
::<span style="font-size:36px;">36ピクセルに指定</span>
<br><br><br>

== 高20回生の歩み ==
:1965(昭和40)年 4月 小山台高校入学
:[[1965年度 (昭和40年度)#卒業アルバム|→「1965年度 (昭和40年度)」の「できごと詳細」へ移動]]
:[[1966年度 (昭和41年度)#できごと|→「1966年度 (昭和41年度)」の「できごと詳細」へ移動]]
:1966(昭和41)年11月 修学旅行(京都・姫路・岡山・香川)
:[[1967年度 (昭和42年度)#できごと|→「1967年度 (昭和42年度)」の「できごと詳細」へ移動]]
:1968(昭和43)年 3月 小山台高校卒業
<br>
:2010年 4月10日 還暦同期会開催。出席者150名
::「還暦同期会の写真」は→[http://flickr.com/gp/koyamadai_kou20/g5F8io/ こちら]
:2013年 5月13日 卒業45周年記念同期会開催。
::「卒業45周年記念同期会の写真」は→[http://flickr.com/gp/koyamadai_kou20/460oy0/ こちら]
:2016年5月14日 卒業48周年記念同期会開催。
::「卒業48周年記念同期会の写真」は→[https://koyamadaikou20.jimdofree.com/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E9%AB%9820%E5%9B%9E%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC%E5%B0%82%E7%94%A8%E3%83%9A%E3%83%BC%E3%82%B8/2016%E5%B9%B45%E6%9C%88-48%E5%91%A8%E5%B9%B4%E5%90%8C%E6%9C%9F%E4%BC%9A/ こちら(パスワードが必要です)]
:2018年 5月12日 卒業50周年記念同期会開催。出席者110名
::「卒業50周年記念同期会の写真」は→[https://koyamadaikou20.jimdofree.com/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E9%AB%9820%E5%9B%9E%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC%E5%B0%82%E7%94%A8%E3%83%9A%E3%83%BC%E3%82%B8/2018%E5%B9%B45%E6%9C%88-%E5%8D%92%E6%A5%AD50%E5%91%A8%E5%B9%B4%E5%90%8C%E6%9C%9F%E4%BC%9A/ こちら(パスワードが必要です)]
::「パスワード」を失念された方は、「各組 同期会幹事」またはページ最下段の「高20回担当者メールアドレス」までお問い合わせください。
<br>
<br>

== タブの例 ==

タブが正常に機能しているページから「ソース」をコピペしたら、うまく動作しなくなってしまった。
不思議なことに、時間が経過すると正常に表示されるようです。

== インタビュー　高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>
<tab name="First" style="border:1px solid black;">This tab has a defined <code>name</code>. It also has a <code>style</code> attribute set to <code>style="border:1px solid black;"</code>.</tab>
<tab name="Second" style="background:salmon;">This tab also has a defined <code>name</code> attribute, and its <code>style</code> attribute set to <code>style="background:salmon;"</code>.</tab>
<tab>This tab has no attributes defined. Its name is automatically generated based on its position.</tab>
<tab index="1">This is a seperate tab. It has a defined <code>index</code> attribute with value "1". This makes it also show when the first tab is selected.</tab>
<tab name="Second">This is a seperate tab. It has a defined <code>name</code> attribute, with a value equal to that of the second tab ("Second"). It therefore also shows when the second tab is opened.</tab>
----
This line of text will show for every tab you view. It is not placed within <code><tab> tags, and can be used as default content for the tab menu.
</tabs>
<br>
<br>
<br>
<br>
For example, this will not work:

<tabs style="color:{{#if:{{{1|}}}|green|red}}">
<tab name="{{{1|}}}">Foo</tab>
<tab name="{{{2|}}}">Bar</tab>
</tabs>
<br><br><br>

But this will work:
:と言うが機能していないようだ。

{{#tag:tabs|
{{#tag:tab|Foo|name={{{1|}}}}}
{{#tab:{{{2|}}}|Bar}}
|style=color:{{#if:{{{1|}}}|green|red}} }}
<br>
<br>
<br>
=== Toggle box demos ===

==== Plain toggle box ====
<tab openname="Show code" closename="Hide code" collapsed block style="max-width:100%;"><pre style="overflow:auto;">
&lt;tab&gt;This toggle box has no attributes assigned to it.&lt;/tab&gt;
</pre></tab>
<tab>This toggle box has no attributes assigned to it.</tab>

==== Toggle box attributes ====
<tab openname="Show code" closename="Hide code" collapsed block style="max-width:100%;"><pre style="overflow:auto;">
&lt;tab collapsed openname="Toggle" style="font-weight:bold;width:500px;" container="font-style:italic;" title="Example tooltip"&gt;
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.
&lt;/tab&gt;
</pre></tab>

<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>

==== Inline toggle boxes ====
<tab openname="Show code" closename="Hide code" collapsed block style="max-width:100%;"><pre style="overflow:auto;">
&lt;tab inline collapsed openname="Show" closename="Hide"&gt;
</pre></tab>

Here is an example of an inline toggle box. <tab inline collapsed openname="Show" closename="Hide">This togglebox is <code>inline</code> and <code>collapsed</code></tab> This toggle box has the attributes <code>openname="Show"</code> and <code>closename="Hide"</code> to change the default label text.
<br>
<br>
<br>