●文字の途中で、背景色を変える (Wiki)
「新規投稿」で記事を作る際、「Wiki文法使用」でチェックすると、
普通の「HTML」ではなく、「Wiki」の使い方が必要となります。
逆に言えば、「Wiki」と「HTML」を同時に作ることもできる！ とも言えます。
難しいこともありますが、結構面白いかもしれません (^_^)r
※記事の中で、「半角」の記号で説明文を書くと、文の記号が見えない場合があります。
そのため、【例文】で全角の記号「 ｜｜、’など 」を書いています。
※実際に文を書く時は、全角の記号を、半角の記号に変えてください。
【単独のみの基本文を作成（行末に || （縦棒×２）】
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列||
【複数の基本文を作成（１行目の設定は空白行、２行目から行末の || （縦棒×２）は入りません）】
||<#ffffff' ``||
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列 ←文１
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列 ←文２
||<背景色' style=' プロパティ:値; プロパティ:値; ...;' ``文字列 ←文３
：
：
【上（下）の行の後から、単独の文を作成（行末に || （縦棒×２）】
||<背景色' colspan=＊ style=' プロパティ:値; プロパティ:値; ...;' ``文字列||
※colspan=＊ の ＊ は、上（下）の横列に文を作る数になります。
（１文、２文、３文、、、n文）
作成サンプル（Wiki文法のやり方、文字サイズ：14px）
※文と文を狭めるのには、style='〜' の中に「padding」プロパティを入れます。
※ここでは、「padding:0px;」を入れました。
○背景色の「青色」を塗って、文字を「赤色」の斜体にします（Yahoo! ブログのヘルプ）。
※背景色 ＝ #0000ff 、文字色 ＝ red
【例文】
||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:14px;' ``○背景色の「青色」を塗って、文字を「赤色」の
||<#0000ff' style=' padding:0px; font:italic 14px; color:red;’``斜体
||<#ffffff' style=' padding:0px; font:14px;' ``にします（Wiki文法のやり方）。
【実際】
|
○背景色の「青色」を塗って、文字を「赤色」の
| 斜体
| にします（Wiki文法のやり方）。
|
○背景色の「赤色」を塗って、文字を「黄色」の 太字にします（Yahoo! ブログのヘルプ）。
※背景色 ＝ #ff0000 、文字色 ＝ yellow
【例文】
||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:14px;' ``○背景色の「赤色」を塗って、文字を「黄色」の
||<#ff0000' style=' padding:0px; font:bold 14px; color:yellow;’``太字
||<#ffffff' style=' padding:0px; font:14px;' ``にします（Wiki文法のやり方）。
【実際】
|
○背景色の「赤色」を塗って、文字を「黄色」の
| 太字
| にします（Wiki文法のやり方）。
|
○背景色の「黄色」を塗って、文字を「青色」の 太斜体にします（Yahoo! ブログのヘルプ）。
※背景色 ＝ #ffff00 、文字色 ＝ blue
【例文】
||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:14px;' ``○背景色の「黄色」を塗って、文字を「青色」の
||<#ffff00' style=' padding:0px; font:italic bold 14px; color:blue;’``太斜体
||<#ffffff' style=' padding:0px; font:14px;' ``にします（Wiki文法のやり方）。
【実際】
|
○背景色の「黄色」を塗って、文字を「青色」の
| 太斜体
| にします（Wiki文法のやり方）。
|
複数の行
※ここでは、fontプロパティと colorプロパティを一緒に入れました。
○まず、この全文【複数の基本文を作成（１行目の設定は空白行、２行目から行末の || （縦棒×２）は
入りません）】を作成します。
○すると、途中の行で改行すると、１つ１つの文が別々に分かれてしまいました。
【例文】
||<#ffffff' ``||
||<#ffffff' style=' padding:0px; font:italic 14px;' ``総合１「Wikiリファレンス」の本です！
||<#ff0000' style=' padding:0px; font:bold 14px; color:blue;’``面白いこと、
||<#ffffff' style=' padding:0px; font:14px;' ``いっぱい詰まってま〜す！総合２
「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！総合３「Wikiリファレン
ス」の本です！面白いこと、いっぱい詰まってま〜す！＼(^o^)/」。
【実際】
|
総合１「Wikiリファレンス」の本です！
| 面白いこと、
| いっぱい詰まってま〜す！総合２「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！総合３「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！＼(^o^)/」。
|
では、１つ1つの文をつなげるために、下記のように設定します。
【例文】
○まず、１行目に空白行を設定します。
||<#ffffff' ``||
○次は、２行目を設定しましょう。
最初に、第１文と第２文を作成します。
||<#ffffff' style=' padding:0px; font:italic 14px;' ``総合１「Wikiリファレンス」の本です！
||<#ff0000' style=' padding:0px; font:bold 14px; color:blue;’``面白いこと、
○次、第３文の文末を改行します。
（ここでは第３文の文末 〜す！総合２「Wikiリファ まで、切りが付ける場所で改行します。）
||<#ffffff' style=' padding:0px; font:14px;' ``いっぱい詰まってま〜す！総合２「Wikiリファ
○そして、３行目から最後の文章まで、【上（下）の行の後から、単独の文を作成（行末に ||
（縦棒×２）】の文まで作成して完成です。
※colspan=3
||<#ffffff' colspan=3 style=' padding:0px; font:14px;' ``レンス」の本です！ 面白いこと、いっぱい詰まってま〜す！ 総合３「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！＼(^o^)/」。||
【実際】
|
総合１「Wikiリファレンス」の本です！
| 面白いこと、
| いっぱい詰まってま〜す！総合２「Wikiリファ
| | レンス」の本です！ 面白いこと、いっぱい詰まってま〜す！ 総合３「Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！＼(^o^)/」。 |
|
| 【記事作成 ＞ びーにぃ© http：//blogs.yahoo.co.jp/bea_nies 】
| |
|
コメント（33）
