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

提供:八中・小山台デジタルアーカイブ
ナビゲーションに移動 検索に移動
1行目: 1行目:
= 表示テスト =
<div class="mw-collapsible-content">
<div style="margin:-120px 0 0 10px">
<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%;">
<div style="position: relative; overflow: hidden; height: 600px;">
<div class='wrapper'>
<br><br><br><br><br>


== 表示テスト ==
<gallery mode="packed" width=300px height=300px perrow = 40>
 
File:H28 3DClass 2009 10 11 20 27 20.jpg
=== 表示テスト ===
File:H28 3DClass 2009 10 11 20 27 24.jpg
 
File:H28 3DClass 2009 10 11 20 27 44.jpg
==== 表示テスト ====
File:H28 3DClass 2009 10 11 20 28 17.jpg
 
File:H28 3DClass 2009 10 11 20 28 23.jpg
----
File:H28 3DClass 2009 10 11 20 28 28.jpg
 
File:H28 3DClass 2009 10 11 20 29 32.jpg
:<gallery mode="packed" >
File:H28 3DClass 2009 10 11 20 29 48.jpg
ファイル:高28回現在の校舎1.jpg|3A
File:H28 3DClass 2009 10 11 20 31 39.jpg
ファイル:高28回現在の校舎1.jpg|3B
File:H28 3DClass 2009 10 11 20 31 50.jpg
ファイル:高28回現在の校舎1.jpg|3C
File:H28 3DClass 2009 10 11 20 32 12.jpg
ファイル:高28回現在の校舎1.jpg|3D
File:H28 3DClass 2009 10 11 20 32 29.jpg
ファイル:高28回現在の校舎1.jpg|3E
File:H28 3DClass 2009 10 11 20 34 17.jpg
ファイル:高28回現在の校舎1.jpg|3F
File:H28 3DClass 2009 10 11 20 36 07.jpg
ファイル:高28回現在の校舎1.jpg|3G
File:H28 3DClass 2009 10 11 20 38 15.jpg
ファイル:高28回現在の校舎1.jpg|3H
File:H28 3DClass 2009 10 11 20 38 20.jpg
File:H28 3DClass 2009 10 11 20 43 55.jpg
File:H28 3DClass 2009 10 11 20 44 18.jpg
File:H28 3DClass 2009 10 11 20 48 00.jpg
File:H28 3DClass 2009 10 11 20 48 29.jpg
</gallery>
<gallery mode="packed" width=300px height=300px perrow = 40>
File:H28 3DClass 2009 10 11 20 48 37.jpg
File:H28 3DClass 2009 10 11 20 49 37.jpg
File:H28 3DClass 2009 10 11 20 50 08.jpg
File:H28 3DClass 2009 10 11 20 50 21.jpg
File:H28 3DClass 2009 10 11 21 13 38.jpg
File:H28 3DClass 2009 10 11 21 14 09.jpg
File:H28 3DClass 2009 10 11 21 15 47.jpg
File:H28 3DClass 2009 10 11 21 38 58.jpg
File:H28 3DClass 2009 10 11 21 38 59.jpg
File:H28 3DClass 2009 10 11 21 39 16.jpg
File:H28 3DClass 2009 10 11 21 45 40.jpg
File:H28 3DClass 2009 10 11 21 45 48.jpg
File:H28 3DClass 2009 10 11 21 46 05.jpg
File:H28 3DClass 2009 10 11 21 49 47.jpg
File:H28 3DClass 2009 10 11 22 41 40.jpg
File:H28 3DClass 2009 10 11 22 43 01.jpg
File:H28 3DClass 2009 10 11 22 45 57.jpg
File:H28 3DClass 2009 10 11 22 46 04.jpg
File:H28 3DClass 2009 10 11 22 46 08.jpg
</gallery>
</gallery>
<br>
</div></div></div></div></div></div></div>
<br>
</div></div></div>
<br>
<!-- ---------------------------------------------------------------------------- -->
<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">
 
 
<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日 写真などの投稿方法の実習==  <!-- "=="は見出しのレベル指定です。6レベルまであります。見本は上↑  -->
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回現在の校舎1.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回現在の校舎1.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回現在の校舎1.jpg|thumb|300px|none|300ピクセルはこのくらいの大きさです]]
<br><br>
 
===== 写真1枚の表示(200ピクセル サムネイル表示)文字列の回り込みなし =====
[[ファイル:高28回現在の校舎1.jpg|thumb|200px|none|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br>
 
===== 写真1枚の表示 文字列の回り込み 画像の右に文字列 サムネイル表示 =====
[[ファイル:高28回現在の校舎1.jpg|thumb|200px|left|200ピクセルはこのくらいの大きさです]]
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
新校舎の屋上にも八角塔がある。まさに小山台高校のシンボルだ。<br>
<br><br><br><br><br><br>
 
===== 写真1枚の表示 文字列の回り込み 画像の右に文字列  サムネイル表示 =====
[[ファイル:高28回現在の校舎1.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回現在の校舎1.jpg|3A
ファイル:高28回現在の校舎1.jpg|3B
ファイル:高28回現在の校舎1.jpg|3C
ファイル:高28回現在の校舎1.jpg|3D
ファイル:高28回現在の校舎1.jpg|3E
ファイル:高28回現在の校舎1.jpg|3F
ファイル:高28回現在の校舎1.jpg|3G
ファイル:高28回現在の校舎1.jpg|3H
</gallery>
</gallery>
<br>
<br>
—->

2022年10月10日 (月) 11:30時点における版






  • 2010年10月10日 集合写真 1
  • 2010年10月10日 集合写真 2