「お砂場ページ/HTMLモード」の編集履歴(バックアップ)一覧はこちら
「お砂場ページ/HTMLモード」(2010/05/27 (木) 12:40:26) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
<table><tbody><tr><td bgcolor="#CCCCCC">背景色変更テスト</td>
</tr></tbody></table><p> </p>
<table><tbody><tr><td>これ・・・は微妙ですかね</td>
<td>orz</td>
</tr></tbody></table><div>
<table width="500" align="right"><tbody><tr><td>width=500 align=right test</td>
</tr></tbody></table></div>
<div>
<ul><li>どうやら一度、別のHTMLエディタで書いたものを貼り付ける方式になりそうです。</li>
<li style="list-style-type:none;">
<blockquote>テストテストー</blockquote>
</li>
</ul></div>
<div>適当にベタ打ちしたらレイアウト崩れたwローカルでHTMLエディタ使えば問題ないでしょうが・・・</div>
<p> </p>
<hr />
こんな感じですかねぇ。<br /><br />
1.導入<br /><table style="border:0;" width="100%"><tr style="border:0;"><td style="border:0;" nowrap="nowrap"><img src="http://www008.upp.so-net.ne.jp/nobumasa/who.gif" alt="who.gif" /></td>
<td style="border:0;" width="100%">「先生!先生!イケメン人狼タウンのやり方を教えて欲しいの!」</td>
</tr><tr style="border:0;"><td style="border:0;" nowrap="nowrap"><img src="http://www008.upp.so-net.ne.jp/nobumasa/who.gif" alt="who.gif" /></td>
<td style="border:0;" width="100%">「私も暇じゃないんですよ?自分で説明書と過去の村を見てください。」</td>
</tr><tr style="border:0;"><td style="border:0;" nowrap="nowrap"><img src="http://www008.upp.so-net.ne.jp/nobumasa/who.gif" alt="who.gif" /></td>
<td style="border:0;" width="100%">「むー・・・。」</td>
</tr><tr style="border:0;"><td style="border:0;" nowrap="nowrap"><img src="http://www008.upp.so-net.ne.jp/nobumasa/who.gif" alt="who.gif" /></td>
<td style="border:0;" width="100%">「仕方ないですねぇ・・・少しだけですよ?」</td>
</tr><tr style="border:0;"><td style="border:0;" nowrap="nowrap"><img src="http://www008.upp.so-net.ne.jp/nobumasa/who.gif" alt="who.gif" /></td>
<td style="border:0;" width="100%">「わーい♪」</td>
</tr></table><hr /><p>IEでは確認してませんが、こんな感じでしょうか…?ただ、これだと激しく指定が面倒なので、大元のスタイルシートに追加ができるなら「.kaiwa
td{border:none;}」ってな具合に指定して、テーブルをごっそりdivタグでかこってあげると、タグ内個別のstyleを書かなくて良いので楽かもです。(divclassプラグインが入ってればアットウィキモードでも編集は行けると思いますー)</p>
<div class="kaiwa">
<table style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;"><tbody><tr><td style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;">
酒場の用心棒 フェイ</td>
<td style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;">
「人狼だかなんだか(ry」</td>
</tr><tr><td style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;">
さすらいの旅人 レイン</td>
<td style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;">
「こんな場所にも人狼が(ry」</td>
</tr></tbody></table></div>
<hr /><p>お砂場にあるソースを打ち込むとこうなります。</p>
<table style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><tbody><tr style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
1</td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
2</td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
3</td>
</tr><tr style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
4</td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
5</td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
6</td>
</tr></tbody></table>
<table><tbody><tr><td bgcolor="#CCCCCC">背景色変更テスト</td>
</tr></tbody></table><p> </p>
<table><tbody><tr><td>これ・・・は微妙ですかね</td>
<td>orz</td>
</tr></tbody></table><div>
<table width="500" align="right"><tbody><tr><td>width=500 align=right test</td>
</tr></tbody></table></div>
<div>
<ul><li>どうやら一度、別のHTMLエディタで書いたものを貼り付ける方式になりそうです。</li>
<li style="list-style-type:none;">
<blockquote>テストテストー</blockquote>
</li>
</ul></div>
<div>適当にベタ打ちしたらレイアウト崩れたwローカルでHTMLエディタ使えば問題ないでしょうが・・・</div>
<p> </p>
<hr /><p>こんな感じですかねぇ。<br /><br />
1.導入</p>
<table style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" width="100%"><tbody><tr style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" nowrap="nowrap"><img alt="who.gif" src="http://www008.upp.so-net.ne.jp/nobumasa/who.gif" /></td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" width="100%">「先生!先生!イケメン人狼タウンのやり方を教えて欲しいの!」</td>
</tr><tr style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" nowrap="nowrap"><img alt="who.gif" src="http://www008.upp.so-net.ne.jp/nobumasa/who.gif" /></td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" width="100%">「私も暇じゃないんですよ?自分で説明書と過去の村を見てください。」</td>
</tr><tr style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" nowrap="nowrap"><img alt="who.gif" src="http://www008.upp.so-net.ne.jp/nobumasa/who.gif" /></td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" width="100%">「むー・・・。」</td>
</tr><tr style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" nowrap="nowrap"><img alt="who.gif" src="http://www008.upp.so-net.ne.jp/nobumasa/yaburasu.png" /></td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" width="100%">「仕方ないですねぇ・・・少しだけですよ?」</td>
</tr><tr style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" nowrap="nowrap"><img alt="who.gif" src="http://www008.upp.so-net.ne.jp/nobumasa/aria.png" /></td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;" width="100%">「わーい♪」</td>
</tr></tbody></table><hr /><p>IEでは確認してませんが、こんな感じでしょうか…?ただ、これだと激しく指定が面倒なので、大元のスタイルシートに追加ができるなら「.kaiwa
td{border:none;}」ってな具合に指定して、テーブルをごっそりdivタグでかこってあげると、タグ内個別のstyleを書かなくて良いので楽かもです。(divclassプラグインが入ってればアットウィキモードでも編集は行けると思いますー)</p>
<div class="kaiwa">
<table style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;"><tbody><tr><td style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;">
酒場の用心棒 フェイ</td>
<td style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;">
「人狼だかなんだか(ry」</td>
</tr><tr><td style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;">
さすらいの旅人 レイン</td>
<td style="border-right:medium none;border-top:medium none;border-left:medium none;border-bottom:medium none;">
「こんな場所にも人狼が(ry」</td>
</tr></tbody></table></div>
<hr /><p>お砂場にあるソースを打ち込むとこうなります。</p>
<table style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><tbody><tr style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
1</td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
2</td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
3</td>
</tr><tr style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;"><td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
4</td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
5</td>
<td style="border-right:0px;border-top:0px;border-left:0px;border-bottom:0px;">
6</td>
</tr></tbody></table>
表示オプション
横に並べて表示:
変化行の前後のみ表示: