|
|
| (同じ利用者による、間の2版が非表示) |
| 1行目: |
1行目: |
| = 表示テスト =
| |
|
| |
|
| == 表示テスト == | | [[ファイル:colorchangeball.gif|link=高28回_1C|クリックすると「高28回_1C」のページに移動します。]][[高28回_1C]] |
|
| |
|
| === 表示テスト === | | <!-- ---------------------------------------------------------------------------- --> |
| | <div class="mw-collapsible mw-collapsed" data-expandtext="余興写真を見る" data-collapsetext="折りたたむ"> |
| | <ul> |
| | <li style="display: inline-block;"> [[ファイル:H28 3DClass 2010 10 10 GROUP1.jpg|thumb|none|300px|2010年10月10日 集合写真 1]]</li> |
| | <li style="display: inline-block;"> [[ファイル:H28 3DClass 2010 10 10 GROUP2.jpg|thumb|none|300px|2010年10月10日 集合写真 2]]</li> |
| | </ul> |
|
| |
|
| ==== 表示テスト ==== | | <div class="mw-collapsible-content"> |
| | | <div style="margin:-120px 0 0 10px"> |
| ---- | |
| | |
| :<gallery mode="packed" >
| |
| ファイル:高28回現在の校舎１.jpg|３Ａ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｂ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｃ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｄ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｅ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｆ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｇ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｈ
| |
| </gallery>
| |
| <br>
| |
| <br>
| |
| <br>
| |
| | |
| | |
| ----
| |
| | |
| | |
| <div style="margin:-210px 0 0 70px"> | |
| <div style="position: relative; height: 1%;"> | | <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 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;"> |
| <div style="position: relative; margin: 0 auto; width: 1300px;height: 1%;" > | | <div style="position: relative; margin: 0 auto; width: 1200px;height: 1%;"> |
| <!-- この行の"width"で指定した数値が表示画面全体の横幅になります。 -->
| | <div style="position: relative; overflow: hidden; height: 600px;"> |
| <div style="position: relative; overflow: hidden; height: 150px;"><!-- この行の"height"の数値指定は<gallery>で指定する"height"の数値と合わせるとスッキリします --> | |
| <div class='wrapper'> | | <div class='wrapper'> |
| <gallery mode="packed" widths=150px heights=150px perrow=18 ><!-- この行のサイズ指定が個々の画像サイズとなります。また、perrow=18の「18」はギャラリーで表示するファイルの数と同じにします。 --> | | <br><br><br><br><br> |
| ファイル:19950318_高28_3B_クラス会015.jpg
| | <gallery mode="packed" width=300px height=300px perrow = 40> |
| ファイル:19950318_高28_3B_クラス会002.jpg
| | File:H28 3DClass 2010 10 10 01.jpg |
| ファイル:19950318_高28_3B_クラス会003.jpg
| | File:H28 3DClass 2010 10 10 02.jpg |
| ファイル:19950318_高28_3B_クラス会004.jpg
| | File:H28 3DClass 2010 10 10 03.jpg |
| ファイル:19950318_高28_3B_クラス会005.jpg
| | File:H28 3DClass 2010 10 10 04.jpg |
| ファイル:19950318_高28_3B_クラス会006.jpg
| | File:H28 3DClass 2010 10 10 05.jpg |
| ファイル:19950318_高28_3B_クラス会007.jpg
| | File:H28 3DClass 2010 10 10 06.jpg |
| ファイル:19950318_高28_3B_クラス会008.jpg
| | File:H28 3DClass 2010 10 10 07.jpg |
| ファイル:19950318_高28_3B_クラス会009.jpg
| | File:H28 3DClass 2010 10 10 08.jpg |
| ファイル:19950318_高28_3B_クラス会010.jpg
| | File:H28 3DClass 2010 10 10 09.jpg |
| ファイル:19950318_高28_3B_クラス会011.jpg
| | File:H28 3DClass 2010 10 10 10.jpg |
| ファイル:19950318_高28_3B_クラス会012.jpg
| | File:H28 3DClass 2010 10 10 11.jpg |
| ファイル:19950318_高28_3B_クラス会013.jpg
| | File:H28 3DClass 2010 10 10 12.jpg |
| ファイル:19950318_高28_3B_クラス会014.jpg
| | File:H28 3DClass 2010 10 10 13.jpg |
| ファイル:19950318_高28_3B_クラス会001.jpg
| | File:H28 3DClass 2010 10 10 14.jpg |
| ファイル:19950318_高28_3B_クラス会016.jpg
| | File:H28 3DClass 2010 10 10 15.jpg |
| ファイル:19950318_高28_3B_クラス会017.jpg
| | File:H28 3DClass 2010 10 10 16.jpg |
| ファイル:19950318_高28_3B_クラス会018.jpg
| | File:H28 3DClass 2010 10 10 17.jpg |
| </gallery>
| | File:H28 3DClass 2010 10 10 18.jpg |
| </div></div></div></div></div></div>
| | File:H28 3DClass 2010 10 10 19.jpg |
| <br>
| | File:H28 3DClass 2010 10 10 20.jpg |
| | | File:H28 3DClass 2010 10 10 21.jpg |
| ==2022年7月24日 写真などの投稿方法の実習== <!-- "=="は見出しのレベル指定です。６レベルまであります。見本は上↑ -->
| | File:H28 3DClass 2010 10 10 22.jpg |
| <!-- ←これはソースの中にコメントを書くときに使います。編集時以外表示されません。→ -->
| | File:H28 3DClass 2010 10 10 23.jpg |
| | | File:H28 3DClass 2010 10 10 24.jpg |
| :写真1枚の表示（そのままの大きさ） <!-- " : "を文章の前につけるとインデントを指定できます。: :: :::とやってみてください。--> | | File:H28 3DClass 2010 10 10 25.jpg |
| [[ファイル:高28回現在の校舎１.jpg|ファイルの大きさのままで表示されます。]]
| | File:H28 3DClass 2010 10 10 26.jpg |
| <!-- ↑ " | "の後ろはキャプションです。画像の上にマウスポインタを置くと表示されます。 -->
| | File:H28 3DClass 2010 10 10 27.jpg |
| <br><br> <!-- <br>は「Break」のことで「強制改行」します。 -->
| | File:H28 3DClass 2010 10 10 28.jpg |
| | | File:H28 3DClass 2010 10 10 29.jpg |
| ::写真1枚の表示（400ピクセル 右寄せ） | | File:H28 3DClass 2010 10 10 30.jpg |
| [[ファイル:高28回現在の校舎１.jpg|400px|right|大きさを400ピクセルに指定しました。]]
| | File:H28 3DClass 2010 10 10 31.jpg |
| <span style="font-size:28px;">新校舎の屋上にも八角塔がある。<br>まさに小山台高校のシンボルだ。</span>（28ピクセル）<br>
| | File:H28 3DClass 2010 10 10 32.jpg |
| <big>新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| '''新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）'''</big>
| |
| <br><br><br><br><br><br>
| |
| | |
| <br><br><br>
| |
| | |
| ====写真1枚の表示（300ピクセル サムネイル表示）====
| |
| [[ファイル:高28回現在の校舎１.jpg|thumb|300px|none|300ピクセルはこのくらいの大きさです]]
| |
| <br><br>
| |
| | |
| ===== 写真1枚の表示（200ピクセル サムネイル表示）文字列の回り込みなし =====
| |
| [[ファイル:高28回現在の校舎１.jpg|thumb|200px|none|200ピクセルはこのくらいの大きさです]]
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| <br><br>
| |
| | |
| ===== 写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示 =====
| |
| [[ファイル:高28回現在の校舎１.jpg|thumb|200px|left|200ピクセルはこのくらいの大きさです]]
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| <br><br><br><br><br><br>
| |
| | |
| ===== 写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示 =====
| |
| [[ファイル:高28回現在の校舎１.jpg|thumb|200px|right|200ピクセルはこのくらいの大きさです]]
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| <br><br><br><br><br><br><br>
| |
| | |
| | |
| ==== 複数の写真を並べて表示 ギャラリー機能====
| |
| <br><br> <!-- ソースを<nowiki>～</nowiki>で囲むと実行しないで文字列として表示します。-->
| |
| : <nowiki> <gallery>の中で幅と高さを指定します。 widths=200px heights=150px </nowiki>
| |
| <!—- <gallery widths=200px heights=150px > <--! <gallery>の中で幅と高さを指定します -->
| |
| ファイル:高28回現在の校舎１.jpg|３Ａ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｂ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｃ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｄ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｅ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｆ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｇ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｈ
| |
| </gallery> | | </gallery> |
| <br>
| |
| <br>
| |
| —->
| |
