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

=== 文章羅列の中で折りたたみで写真を挿入し、開くことができるようにする ===
:1943(昭和18)年10月 2日 学芸会 
:1944(昭和19)年 6月15日 サイパン島玉砕 
:
<div style="margin:-8px 0 -8px -3px">
:{| class="mw-collapsible mw-collapsed" data-expandtext="理研発条での写真を見る" data-collapsetext="折りたたむ"
|1944(昭和19)年11月14日 2年(中21回生)東京無線電機・理研発条・日満工業・東京動力機械への勤労動員に出動。
|-
|<gallery widths="400px" heights="280px">
中21回_卒業50周年記念誌_16_勤労動員理研発条.jpg|学窓を離れ戦争の真只中に！
</gallery>
|-
|　勤労動員先「理研発条鋼業KK」にて中学3年に進級。前列中央、浜本清梅先生(1945年4月3日)<br><br>
|}
</div>
:1945(昭和20)年 3月10日 東京大空襲

=== スクロールバーテスト ===

<div style="height:7em; overflow:auto; border:2px solid blue;">
{| class=wikitable
|-
| abcabcabcabcabc || defdefdefdef || ghighighighighighi
|- 
| jkljkljkljkl || mnomnomnomnomno || pqrpqrpqrpqrpqr
|-
| stustustustu || vwxvwxvwxvwxvwx || yzyzyzyzyzyzyzyz
|-
| abcabcabcabcabc || defdefdefdef || ghighighighighighi
|- 
| jkljkljkljkl || mnomnomnomnomno || pqrpqrpqrpqrpqr
|-
| stustustustu || vwxvwxvwxvwxvwx || yzyzyzyzyzyzyzyz
|}
</div>

=== スライドショーテスト ===

<div style="margin:0 0 0 40px">
[[ファイル:19950318_クラス会通知ハガキ.jpg|140px|クラス会通知 (平澤くん提供)]]
</div>
<div style="margin:-210px 0 0 70px">
<div style="position: relative; height: 1%;">
<div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;"><!--YOU CAN ADD SHADING, BACKGROUND COLOR TO STYLE THIS  -->
  <div style="position: relative; margin: 0 auto; width: 1300px;height: 1%;"><!-- この行の"width"で指定した数値が表示画面全体の横幅になります。 -->
<div style="position: relative; overflow: hidden; height: 200px;"><!-- この行の"height"の数値指定は<gallery>で指定する"height"の数値と合わせるとスッキリします -->
<div class='wrapper'>
<gallery mode="packed" widths=200px heights=200px perrow=18 ><!-- この行のサイズ指定が個々の画像サイズとなります。また、perrow=18の「18」はギャラリーで表示するファイルの数と同じにします。 -->
ファイル:19950318_高28_3B_クラス会015.jpg
ファイル:19950318_高28_3B_クラス会002.jpg
ファイル:19950318_高28_3B_クラス会003.jpg
ファイル:19950318_高28_3B_クラス会004.jpg
ファイル:19950318_高28_3B_クラス会005.jpg
ファイル:19950318_高28_3B_クラス会006.jpg
ファイル:19950318_高28_3B_クラス会007.jpg
ファイル:19950318_高28_3B_クラス会008.jpg
ファイル:19950318_高28_3B_クラス会009.jpg
ファイル:19950318_高28_3B_クラス会010.jpg
ファイル:19950318_高28_3B_クラス会011.jpg
ファイル:19950318_高28_3B_クラス会012.jpg
ファイル:19950318_高28_3B_クラス会013.jpg
ファイル:19950318_高28_3B_クラス会014.jpg
ファイル:19950318_高28_3B_クラス会001.jpg
ファイル:19950318_高28_3B_クラス会016.jpg
ファイル:19950318_高28_3B_クラス会017.jpg
ファイル:19950318_高28_3B_クラス会018.jpg
</gallery>
</div></div></div></div></div></div>
<br>

=== 画像に枠を付ける ===
:これですけど、以下の「thumb」→「frame」とすると、サイズ指定が無効となって原寸大で表示されます。
 <nowiki>[[ファイル:高28回現在の校舎１.jpg|none|thumb|200px|画像に枠をつけました。]]</nowiki>
[[ファイル:高28回現在の校舎１.jpg|none|thumb|200px|画像に枠をつけました。]]
<br>
<br>
<gallery mode="packed">
ファイル:高28回現在の校舎１.jpg|３Ａ
ファイル:高28回現在の校舎１.jpg|３Ｂ
ファイル:高28回現在の校舎１.jpg|３Ｃ
ファイル:高28回現在の校舎１.jpg|３Ｄ
ファイル:高28回現在の校舎１.jpg|３Ｅ
ファイル:高28回現在の校舎１.jpg|３Ｆ
ファイル:高28回現在の校舎１.jpg|３Ｇ
ファイル:高28回現在の校舎１.jpg|３Ｈ
</gallery>

==活動記録一覧==
【記述例】
 <nowiki><div style="margin:0 1em 0 2em">
{| class="wikitable" style="text-align:center; width: 85%;"
|-
! style="width: 16%;" | 年 度(4月～3月) !! style="width: 3%;" | 周年 !! style="width: 5%;" | 卒業回 !! style="width: 7%;" | 班 長 !! style="width: 5%;" | 顧 問 !! style="width: 18%;" | 合　宿 !! style="width: 15%;" | OB・OG会 !! style="width: 16%;" | 活動記録 !! style="width: 15%;" | 特記事項
|-
| 1975年(昭和50年) || 29 || 高28 || 　 || 　 || 　  || 　 ||
{| class="mw-collapsible mw-collapsed" data-expandtext="写真を見る" data-collapsetext="折りたたむ"
|関東大会出場（埼玉県熊谷市）
|-
|<gallery widths=450px  heights=300px >
ファイル:高28_ラグビー班-1.jpg|岡井徹博さん提供
ファイル:高28_ラグビー班-2.jpg|岡井徹博さん提供
ファイル:高28_ラグビー班-3.jpg|岡井徹博さん提供
</gallery>
|}
|| 　 
|-
| 2024年(令和 6年) || 78 || 高77 || 　 || 　 || 　  || 　 ||
| 　 
|-
|}
</div></nowiki>


【表示】
<div style="margin:0 1em 0 2em">
{| class="wikitable" style="text-align:center; width: 85%;"
|-
! style="width: 16%;" | 年 度(4月～3月) !! style="width: 3%;" | 周年 !! style="width: 5%;" | 卒業回 !! style="width: 7%;" | 班 長 !! style="width: 5%;" | 顧 問 !! style="width: 18%;" | 合　宿 !! style="width: 15%;" | OB・OG会 !! style="width: 16%;" | 活動記録 !! style="width: 15%;" | 特記事項
|-
| 1975年(昭和50年) || 29 || 高28 || 　 || 　 || 　  ||
|
{| class="mw-collapsible mw-collapsed" data-expandtext="写真を見る" data-collapsetext="折りたたむ"
|関東大会出場（埼玉県熊谷市）
|-
|<gallery widths=450px  heights=300px >
ファイル:高28_ラグビー班-1.jpg|岡井徹博さん提供
ファイル:高28_ラグビー班-2.jpg|岡井徹博さん提供
ファイル:高28_ラグビー班-3.jpg|岡井徹博さん提供
</gallery>
|}
|| 　 
|-
| 2024年(令和 6年) || 78 || 高77 || 　 || 　 || 　  || 　 || 　  || 　 
|-
|}
</div>
<br><br><br><br>
===== PDFファイルを表示できるかテスト =====
<br>
{{#widget:PDF
 |url=https://www.mediawikiwidgets.org/w/images/8/80/20171004_Beginners_tutorial_to_Semantic_MediaWiki.pdf
 |width=750
 |height=1050
}}
<br>

===== ソースを表示するときのマージン例 =====
 <nowiki><div style="margin:-9px 0 -8px 2em; max-width:800px;">
:こちらに記述されたソースが表示される。
</div></nowiki>
<br>
:表示例
<div style="margin:-9px 0 -8px 2em; max-width:800px;">
 <nowiki>:こちらに記述されたソースが表示される。</nowiki>
</div>
<br>


=== コメントテスト(複数行コメントアウト可能？) ===
【記述例】<br>
 <nowiki>
<!-- 
https://duumy.jp/subdir/dummy.jpg
　[[ファイル:1923 8chuSouritumaeAroundGakkou.png|thumb|300px|right|1923年(大正12年) 8中創立前の学校付近]]
複数行にわたって、コメントアウトしたい場合はこれでOK。
 -->
</nowiki>
【表示例】<br>
<!-- 
https://duumy.jp/subdir/dummy.jpg
　[[ファイル:1923 8chuSouritumaeAroundGakkou.png|thumb|300px|right|1923年(大正12年) 8中創立前の学校付近]]
複数行にわたって、コメントアウトしたい場合はこれでOK。
 -->

<br><br><br>

==吹奏楽コンクール出場記録==
<span id="FirstCompetition1975"></span>
<div style="margin:0 1em 0 2em">
{| class="wikitable" style="text-align:left; width: 85%;"
|-
! style="width: 12%;" | 年 度(4月～3月) !! style="width: 3%;" | 部門 !! style="width: 7%;" | 指揮者 !! style="width: 8%;" | 予選成績 !! style="width: 6%;" | 本選成績 !! style="width: 64%;" | 課題曲／自由曲
|-
|1975年 (昭和50年)||A||向出聡||金(代表)||銅
|
{| class="mw-collapsible mw-collapsed" data-expandtext="レコード音源を開く" data-collapsetext="折りたたむ"
|課D : 吹奏楽のためのシンフォニック・ポップスへの指標 (河辺公一)　<br>自：交響組曲 より I. II. III. (C.ウィリアムズ)
|-
|<gallery widths=310px  heights=310px >
ファイル:東京都吹奏楽コンクール-於普門館-19751010~side1.jpg|thumb|none|300px|課題曲　[https://www.dropbox.com/s/102wer0c5j50owc/%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%90%B9%E5%A5%8F%E6%A5%BD%E3%82%B3%E3%83%B3%E3%82%AF%E3%83%BC%E3%83%AB%E6%96%BC%E6%99%AE%E9%96%80%E9%A4%A8-19751010-side1.mp3?dl=0 レコード音源を聴く_A面(mp3)]
ファイル:東京都吹奏楽コンクール-於普門館-19751010~side2.jpg|thumb|none|300px|自由曲　[https://www.dropbox.com/s/x8ahp27xpf9icdw/%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%90%B9%E5%A5%8F%E6%A5%BD%E3%82%B3%E3%83%B3%E3%82%AF%E3%83%BC%E3%83%AB%E6%96%BC%E6%99%AE%E9%96%80%E9%A4%A8-19751010-side2.mp3?dl=0 レコード音源を聴く_B面(mp3)]
</gallery>
|}
|-
|1976年 (昭和51年)|| || || || ||考え抜いて不出場
|-
|1977年 (昭和52年)||A||土屋公平||金(代表)||銀||課B : 吹奏楽のためのバーレスク (大栗裕)　／　自：ファンファーレ、コラールとフーガ (ジョヴァンニーニ)
|-
|2021年 (令和3年)||A||久行範彦||金(代表)||銀||課III : 僕らのインベンション (宮川彬良)　／　自：パガニーニ・ロスト・イン・ウィンド (長生淳)
|-
|2021年 (令和3年)||C||久行範彦||金(最優秀賞)||－||自：パガニーニ・ロスト・イン・ウィンド (長生淳)
|}
</div>
<br><br><br>

== 卒業生、同窓生からの「寄稿」 ==
:卒業生、同窓生から創立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年
|日馬 美樹
|くさま みき
|style="background-color:lemonchiffon;"|高校生活
|昼休みの思い出
|
|-
|003
|
|
|
|
|
|
|
|-
|004
|
|
|
|
|
|
|
|-
|005
|
|
|
|
|
|
|
|-
|006
|
|
|
|
|
|
|
|-
|007
|
|
|
|
|
|
|
|-
|008
|
|
|
|
|
|
|
|-
|009
|
|
|
|
|
|
|
|-
|010
|
|
|
|
|
|
|
|}
</div>
<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>

== タブのデモ ==
<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>