|
|
| (同じ利用者による、間の10版が非表示) |
| 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"> |
| ==2022年7月24日 写真などの投稿方法の実習== <!-- "=="は見出しのレベル指定です。６レベルまであります。 -->
| | <div style="position: relative; height: 1%;"> |
| <!-- ←これはソースの中にコメントを書くときに使います。編集時以外表示されません。→ --> | | <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: 1200px;height: 1%;"> |
| :写真1枚の表示（そのままの大きさ） <!-- " : "を文章の前につけるとインデントを指定できます。: :: :::とやってみてください。-->
| | <div style="position: relative; overflow: hidden; height: 600px;"> |
| [[ファイル:高28回現在の校舎１.jpg|ファイルの大きさのままで表示されます。]]
| | <div class='wrapper'> |
| <!-- ↑ " | "の後ろはキャプションです。画像の上にマウスポインタを置くと表示されます。 -->
| | <br><br><br><br><br> |
| <br><br> <!-- <br>は「Break」のことで「強制改行」します。 -->
| | <gallery mode="packed" width=300px height=300px perrow = 40> |
| | | File:H28 3DClass 2010 10 10 01.jpg |
| ::写真1枚の表示（400ピクセル 左寄せ） | | File:H28 3DClass 2010 10 10 02.jpg |
| [[ファイル:高28回現在の校舎１.jpg|400px|left|大きさを400ピクセルに指定しました。]]
| | File:H28 3DClass 2010 10 10 03.jpg |
| <span style="font-size:28px;">新校舎の屋上にも八角塔がある。<br>まさに小山台高校のシンボルだ。</span>（28ピクセル）<br> | | File:H28 3DClass 2010 10 10 04.jpg |
| <big>新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br> | | File:H28 3DClass 2010 10 10 05.jpg |
| '''新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。（太字）'''</big> | | File:H28 3DClass 2010 10 10 06.jpg |
| <br><br><br><br><br><br> | | File:H28 3DClass 2010 10 10 07.jpg |
| | | File:H28 3DClass 2010 10 10 08.jpg |
| ====写真1枚の表示（300ピクセル サムネイル表示）====
| | File:H28 3DClass 2010 10 10 09.jpg |
| [[ファイル:高28回現在の校舎１.jpg|thumb|300px|none|300ピクセルはこのくらいの大きさです]]
| | File:H28 3DClass 2010 10 10 10.jpg |
| <br><br>
| | File:H28 3DClass 2010 10 10 11.jpg |
| | | File:H28 3DClass 2010 10 10 12.jpg |
| ===== 写真1枚の表示（200ピクセル サムネイル表示）文字列の回り込みなし =====
| | File:H28 3DClass 2010 10 10 13.jpg |
| [[ファイル:高28回現在の校舎１.jpg|thumb|200px|none|200ピクセルはこのくらいの大きさです]]
| | File:H28 3DClass 2010 10 10 14.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 15.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 16.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 17.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 18.jpg |
| <br><br>
| | File:H28 3DClass 2010 10 10 19.jpg |
| | | File:H28 3DClass 2010 10 10 20.jpg |
| ===== 写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示 =====
| | File:H28 3DClass 2010 10 10 21.jpg |
| [[ファイル:高28回現在の校舎１.jpg|thumb|200px|left|200ピクセルはこのくらいの大きさです]]
| | File:H28 3DClass 2010 10 10 22.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 23.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 24.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 25.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 26.jpg |
| <br><br><br><br><br><br>
| | File:H28 3DClass 2010 10 10 27.jpg |
| | | File:H28 3DClass 2010 10 10 28.jpg |
| ===== 写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示 =====
| | File:H28 3DClass 2010 10 10 29.jpg |
| [[ファイル:高28回現在の校舎１.jpg|thumb|200px|right|200ピクセルはこのくらいの大きさです]]
| | File:H28 3DClass 2010 10 10 30.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 31.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| | File:H28 3DClass 2010 10 10 32.jpg |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| 新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
| |
| <br><br><br><br><br><br><br>
| |
| | |
| ==== 画像ファイルにリンクを貼る （写真は100ピクセルの大きさにしました） ====
| |
| :アーカイブ内の他のページに飛ぶリンク | |
| [[ファイル:高28回現在の校舎１.jpg|100px|link=高28回|クリックすると「高28回のページ」に飛びます。]]
| |
| <br><br>
| |
| :ドロップボックス内のPDFファイルを表示するリンク | |
| [[ファイル:高28回現在の校舎１.jpg|100px|link=https://www.dropbox.com/s/0vwf3pd31jclk8l/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%81%B8%E3%81%AE%E5%86%99%E7%9C%9F%E3%81%AE%E6%8E%B2%E8%BC%89%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.pdf?dl=0|写真などの掲載方法についてのPDFファイルの表示]]
| |
| <br><br>
| |
| :画像を使わないドロップボックス内のPDFファイルを表示するリンク（センタリングもしています） | |
| <br>
| |
| <div align="center">
| |
| [https://www.dropbox.com/s/0vwf3pd31jclk8l/%E5%B0%8F%E5%B1%B1%E5%8F%B0%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%81%B8%E3%81%AE%E5%86%99%E7%9C%9F%E3%81%AE%E6%8E%B2%E8%BC%89%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.pdf?dl=0 写真などの掲載方法について]
| |
| </div>
| |
| <br><br>
| |
| | |
| ==== 複数の写真を並べて表示 ギャラリー機能====
| |
| <gallery widths=200px heights=150px > <--! <gallery>の中で幅と高さを指定します -->
| |
| ファイル:高28回現在の校舎１.jpg|３Ａ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｂ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｃ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｄ
| |
| </gallery>
| |
| <br><br>
| |
| | |
| <gallery mode="packed; horizontal-align:left;" >
| |
| ファイル:高28回現在の校舎１.jpg|３Ａ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｂ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｃ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｄ
| |
| </gallery>
| |
| <br><br>
| |
| | |
| <gallery mode="packed" >
| |
| ファイル:高28回現在の校舎１.jpg|３Ａ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｂ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｃ
| |
| ファイル:高28回現在の校舎１.jpg|３Ｄ
| |
| </gallery>
| |
| | |
| <gallery widths=200px heights=150px >
| |
| ファイル:高28回現在の校舎１.jpg|<div style="text-align:center; > 表 紙 </div>
| |
| </gallery> | | </gallery> |
|
| |
| ----
| |
| [[高28回 発掘写真投稿場所|↑「発掘写真投稿場所」へ戻る]]<br><br>
| |
| [[高28回| ↑↑「高28回のページ」へ戻る]]<br><br>
| |
| [[高28回]]
| |
