利用者:Adminkoyama100/sandbox
スライドショーテスト
画像に枠を付ける
活動記録一覧
【記述例】
<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>
【表示】
| 年 度(4月～3月) | 周年 | 卒業回 | 班 長 | 顧 問 | 合 宿 | OB・OG会 | 活動記録 | 特記事項 | ||
|---|---|---|---|---|---|---|---|---|---|---|
| 1975年(昭和50年) | 29 | 高28 |
|
|||||||
| 2024年(令和 6年) | 78 | 高77 |
PDFファイルを表示できるかテスト
ソースを表示するときのマージン例
<div style="margin:-9px 0 -8px 2em; max-width:800px;"> :こちらに記述されたソースが表示される。 </div>
- 表示例
:こちらに記述されたソースが表示される。
コメントテスト(複数行コメントアウト可能？)
【記述例】
<!-- https://duumy.jp/subdir/dummy.jpg [[ファイル:1923 8chuSouritumaeAroundGakkou.png|thumb|300px|right|1923年(大正12年) 8中創立前の学校付近]] 複数行にわたって、コメントアウトしたい場合はこれでOK。 -->
【表示例】
吹奏楽コンクール出場記録
| 年 度(4月～3月) | 部門 | 指揮者 | 予選成績 | 本選成績 | 課題曲／自由曲 | ||
|---|---|---|---|---|---|---|---|
| 1975年 (昭和50年) | A | 向出聡 | 金(代表) | 銅 |
| ||
| 1976年 (昭和51年) | 考え抜いて不出場 | ||||||
| 1977年 (昭和52年) | A | 土屋公平 | 金(代表) | 銀 | 課B : 吹奏楽のためのバーレスク (大栗裕) ／ 自：ファンファーレ、コラールとフーガ (ジョヴァンニーニ) | ||
| 2021年 (令和3年) | A | 久行範彦 | 金(代表) | 銀 | 課III : 僕らのインベンション (宮川彬良) ／ 自：パガニーニ・ロスト・イン・ウィンド (長生淳) | ||
| 2021年 (令和3年) | C | 久行範彦 | 金(最優秀賞) | － | 自：パガニーニ・ロスト・イン・ウィンド (長生淳) |
卒業生、同窓生からの「寄稿」
- 卒業生、同窓生から創立100周年を記念していただいた「寄稿」を掲載しています。同窓生の場合は「入学年月」または「編入年月」を記載。(敬称略)
| № | 卒業回 | 入学・編入年月 | 氏 名 | ふりがな | 分 類 | タイトル | 備 考 | |
|---|---|---|---|---|---|---|---|---|
| 001 | 高22回 | 1967年 | 榎本 達郎 | えのもと たつろう | 高校生活 |
| ||
| 002 | 高32回 | 1977年 | 日馬 美樹 | くさま みき | 高校生活 | 昼休みの思い出 | ||
| 003 | ||||||||
| 004 | ||||||||
| 005 | ||||||||
| 006 | ||||||||
| 007 | ||||||||
| 008 | ||||||||
| 009 | ||||||||
| 010 |
文字サイズ指定
文字サイズを指定する
- 文字サイズを指定するには以下のように記述します。
- 記述例
- <span style="font-size:36px;">36ピクセルに指定</span>
- <span style="font-size:36px;">36ピクセルに指定</span>
- 表示
- 36ピクセルに指定
タブのデモ
<tabs>
<tab name="First" style="border:1px solid black;">This tab has a defined name. It also has a style attribute set to style="border:1px solid black;".</tab>
<tab name="Second" style="background:salmon;">This tab also has a defined name attribute, and its style attribute set to style="background:salmon;".</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 index 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 name 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 <tab> tags, and can be used as default content for the tab menu.
</tabs>
For example, this will not work:
<tabs style="color:red">
<tab name="">Foo</tab>
<tab name="">Bar</tab>
</tabs>
But this will work:
- と言うが機能していないようだ。
<tabs style="color:red">
<tab name="">Foo</tab>
{{#tab:|Bar}}
</tabs>
Toggle box demos
Plain toggle box
<tab openname="Show code" closename="Hide code" collapsed block style="max-width:100%;">
<tab>This toggle box has no attributes assigned to it.</tab>
</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%;">
<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>
</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:
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.
</tab>
Inline toggle boxes
<tab openname="Show code" closename="Hide code" collapsed block style="max-width:100%;">
<tab inline collapsed openname="Show" closename="Hide">
</tab>
Here is an example of an inline toggle box. <tab inline collapsed openname="Show" closename="Hide">This togglebox is inline and collapsed</tab> This toggle box has the attributes openname="Show" and closename="Hide" to change the default label text.