利用者:Adminkoyama100/sandbox

文字サイズ指定

3. 文字サイズを指定する

文字サイズを指定するには以下のように記述します。

記述例

<span style="font-size:36px;">36ピクセルのサイズ</span>

表示

36ピクセルのサイズ

高20回生の歩み

1965(昭和40)年 4月 小山台高校入学

→「1965年度 (昭和40年度)」の「できごと詳細」へ移動

→「1966年度 (昭和41年度)」の「できごと詳細」へ移動

1966(昭和41)年11月 修学旅行(京都・姫路・岡山・香川)

→「1967年度 (昭和42年度)」の「できごと詳細」へ移動

1968(昭和43)年 3月 小山台高校卒業

2010年 4月10日 還暦同期会開催。出席者150名

「還暦同期会の写真」は→こちら

2013年 5月13日 卒業45周年記念同期会開催。

「卒業45周年記念同期会の写真」は→こちら

2016年5月14日 卒業48周年記念同期会開催。

「卒業48周年記念同期会の写真」は→こちら(パスワードが必要です)

2018年 5月12日 卒業50周年記念同期会開催。出席者110名

「卒業50周年記念同期会の写真」は→こちら(パスワードが必要です)

「パスワード」を失念された方は、「各組 同期会幹事」またはページ最下段の「高20回担当者メールアドレス」までお問い合わせください。

タブの例

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

インタビュー　高8回：鈴木 弘喜

<tabs> <tab name="P01">

→ 次ページへ　

→→ 最終ページへ

</tab> <tab name="P02">

→ 次ページへ

← 前ページへ　　 →→ 最終ページへ

</tab> <tab name="P03">

→ 次ページへ

← 前ページへ　　 ←← 最初のページへ　　 →→ 最終ページへ

</tab> <tab name="P04">

→ 次ページへ

← 前ページへ　　 ←← 最初のページへ　　 →→ 最終ページへ

</tab> <tab name="P05">

→ 次ページへ

← 前ページへ　　 ←← 最初のページへ　　 →→ 最終ページへ

</tab> <tab name="P06">

→ 次ページへ

← 前ページへ　　 ←← 最初のページへ　　 →→ 最終ページへ

</tab> <tab name="P07">

→ 次ページへ

← 前ページへ　　 ←← 最初のページへ　　 →→ 最終ページへ

</tab> <tab name="P08">

← 前ページへ　　 ←← 最初のページへ

</tab> </tabs>

インタビュー時の動画 (工事中です。)

2022年2月12日インタビュー(X分XX秒)

---

↑ページトップへ　　　 ↑↑「卒業生」のページに移動　　　 ↑↑メインページ(人物アーカイブ)に移動

---

脚注： ･

2022年5月1日：直近編集者：Adminkoyama100
TimeStamp：20220501220307

タブのデモ

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