タグ別アーカイブ: スコアボード

スコアボード形式の入力

投稿日: 作成者:
以下のようなスコアボードの入力方法です。
いちいち最初からやるのは面倒なので、以下の方法でコピペして修正でOKです。
 
春季大会１回戦
チーム 1 2 3 4 5 6 7 合計
グリビＡ 0 0 0 0 0 0 0 0
巨人軍 0 0 0 0 0 0 0 0
 
  1. 下の行を選択してコピーします。
  2. 投稿入力時に右上の「ビジュアル／HTML」で「HTML」を選びます。
  3. コピーしたデータを貼り付けます。
  4. 「ビジュアル」をクリックして元の画面に戻ります。
  5. 試合名やチーム名、点数を変更します。
  6. 入力時にはモノクロですが表のカラーは設定されています。
  7. プレビューで確認してみましょう。

コピーは次の行から

<table border="1" cellpadding="1" cellspacing="1" class="sboard" style="table-layout:auto; width:80%">
<caption>春季大会１回戦</caption>
<thead>
<tr>
<th scope="col" style="width:30%;">チーム</th>
<th scope="col" style="width:8%;">1</th>
<th scope="col" style="width:8%;">2</th>
<th scope="col" style="width:8%;">3</th>
<th scope="col" style="width:8%;">4</th>
<th scope="col" style="width:8%;">5</th>
<th scope="col" style="width:8%;">6</th>
<th scope="col" style="width:8%;">7</th>
<th scope="col" style="width:14%; ">合計</th>
</tr>
</thead>
<tbody>
<tr>
<td style="white-space: nowrap; text-align: left;">グリビＡ</td>
<td>0</td><td>0</td><td>0</td><td>0</td>
<td>0</td><td>0</td><td>0</td><td>0</td>
</tr>
<tr>
<td style="white-space: nowrap; text-align: left; ">巨人軍</td>
<td>0</td><td>0</td><td>0</td><td>0</td>
<td>0</td><td>0</td><td>0</td><td>0</td>
</tr>
</tbody>
</table>

 

この前の行まで