「利用者:Adminkoyama100/sandbox」の版間の差分

提供:八中・小山台デジタルアーカイブ
ナビゲーションに移動 検索に移動
50行目: 50行目:
|日馬 美樹
|日馬 美樹
|くさま みき
|くさま みき
style="background-color:lemonchiffon;"||高校生活
|style="background-color:lemonchiffon;"|高校生活
|昼休みの思い出
|昼休みの思い出
|
|

2022年6月1日 (水) 09:41時点における版

表のセルのバックグラウンド(地肌部)に薄い黄色(浅葱色)を付ける

style="background-color:lemonchiffon;"|

これでOK


下の表にテストしてみる。



卒業生、同窓生からの「寄稿」

卒業生、同窓生から創立100周年を記念していただいた「寄稿」を掲載しています。同窓生の場合は「入学年月」または「編入年月」を記載。(敬称略)
寄 稿 一 覧
卒業回 入学・編入年月 氏 名 ふりがな 分 類 タイトル 備 考
001 高22回 1967年 榎本 達郎 えのもと たつろう 高校生活
高校紛争の時代の小山台高校 
002 高32回 1977年 日馬 美樹 くさま みき 高校生活 昼休みの思い出
003
004
005
006
007
008
009
010





注目ページはこちら 注目!

まずは以下の「注目ページ」を見てみましょう。





文字サイズ指定

文字サイズを指定する

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


記述例
<span style="font-size:36px;">36ピクセルに指定</span>


表示
36ピクセルに指定




タブの例

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

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



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


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




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

脚注: ・

2022年6月1日:直近編集者:Adminkoyama100
TimeStamp:20220601094101




タブのデモ

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.