○【例文】の中には、分かるように「全角」の記号を書いていますが、 実際に文を作る場合は、必ず「半角」の記号に取り換えてください。 ○【例文】の行が長くなる場合は、途中の行で ［ ↓連続］ を書き、 最後の行末を「 <--改行 」で書いています。 ○【実際】の文を作成する場合は、 ［↓連続］ と ［<--改行］ を全部、削除してください。 ボックス（四角形）の全体
○Yahoo! ブログの記事に使うボックス（四角形）の面は、真ん中から順に 「内容（文字、文字列、画像など）」→「内容の周りの空間（padding）」→ 「枠線（border）」＝「背景（background）」 になります。 ○Internet Explorerの「枠線（border）」と「幅（width）」、「高さ（height）」が一緒でしたが、 今回の設定では「内容（文字、文字列、画像など）」と「幅（width）」、「高さ（height）」が変更されました。 【それぞれの部分】 ○内容・・・文字、文字列、画像など ○幅・・・・width プロパティ ○高さ・・・height プロパティ ○空間・・・（内容の周りの空間）padding プロパティ ○枠線・・・border プロパティ ○背景・・・background プロパティ 【例文】 ||<#ffffff' ``|| ||<#cccccc' style=' width:120px; height:140px; border:solid 20px blue; padding: 20px; font:20px/1.0 monospace; color:red;' ``■■■■■■■文字など■■■■■■■ ||<#ffffff' style=' width:14px; height:140px; padding:0px; font:14px monospace; color: red;' ``￣内容＿ ||<#ffffff' style=' width:14px; height:140px; padding:0px; font:14px monospace; color: red;' ``＝ ||<#ffffff' style=' width:14px; height:140px; padding:0px; font:14px monospace; color: red;' ``￣高さ＿ ||<#ffffff' style=' width:14px; height:140px; padding:0px; font:14px monospace; color: gray;' ``￣↑│空間↓＿ ||<#ffffff' style=' width:14px; height:140px; padding:0px; font:14px monospace; color: blue;' ``￣↑││枠線│↓＿ ||<#ffffff' style=' width:14px; height:140px; padding:0px; font:14px monospace; color: blue;' ``＝ ||<#ffffff' style=' width:14px; height:140px; padding:0px; font:14px monospace; color: blue;' ``￣↑││背景│↓＿ ||<#ffffff' style=' padding:0px; font:14px monospace; color:red; text-align: center;' `` |←−−内容−−→| || ||<#ffffff' style=' padding:0px; font:14px monospace; color:red; text-align: center;' `` |｜ || ||<#ffffff' style=' padding:0px; font:14px monospace; color:red; text-align: center;' `` |←−−_幅_−−→| || ||<#ffffff' style=' padding:0px; font:14px monospace; color:gray; text-align: center;' `` |←−−−空間−−−−→| || ||<#ffffff' style=' padding:0px; font:14px monospace; color:blue; text-align: center;' `` |←−−−−枠線−−−−−→| || ||<#ffffff' style=' padding:0px; font:14px monospace; color:blue; text-align: center;' `` |｜ || ||<#ffffff' style=' padding:0px; font:14px monospace; color:blue; text-align: center;' `` |←−−−−背景−−−−−→| || 【実際】
|
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
うわ〜〜☆あいかわらず難易度大デス��(‘0‘＠) いつかはこんなの使えるようになりたいです〜〜☆
2005/10/24(月) 午後 9:49
コメントでてちょ〜〜
2005/10/24(月) 午後 9:53
UOOさん＞ どういう事が分からないんですか？ 私のやり方が、また間違っているかもしれませ〜ん、、、(;_;)
2005/10/25(火) 午後 5:17
ぴーにぃさんは間違ってません〜〜っ ちゃんと前の記事からもう一度勉強し直しますっヾ(;´▽｀A``
2005/10/28(金) 午前 10:26
そうなんですか（とりあえず、ほっ！） (^_^; UOOさんの記事は頑張り屋さんで、とても感心しています。私なんてへろへろで、申し訳ないですよぉ (^_^; 今、頑張って画像を書いていますので、少し待ってくださいね！ (^_^)
2005/10/30(日) 午前 0:40
おはようございます。初めてなのに、この記事を開いてしまい、どうしたもんかとあたふたしてます。まだ、ここはわたしには早かったようです！
2006/2/12(日) 午前 8:23
●エルマさん＞ あ〜や〜、コメントを忘れてしまって申し訳ありません。ゆっくり遊んでくださいね！ (^_^ゞ
2006/2/27(月) 午後 6:37
そっか〜、難しいことはまだわかりませんが、すごいわかりやすい説明で、イメージがわきました！！説明の図も、こんなにみごとに描けるもんなんですね！感動します〜〜。
2006/6/3(土) 午前 9:56 [ - ]
●ホットさん＞ ここはミニ知識で、ちょっと難しいものもあるので、一つ一つ楽しんくださいね！ 「勉強」より、「遊び感覚」で行きましょう〜 (^_-)r
2006/6/3(土) 午後 1:06
すごいナー！分かりませんが凄い事だ〜〜傑作ですよ！！
2006/10/28(土) 午後 7:55 [ kki*o*o_*oi1*5 ]
●そらさん＞ いつも、傑作ボタンを押してくれてありがとうございます！ 嬉しい〜 ＼(^o^)／
2006/10/29(日) 午後 1:07
分かりましぇン!（"^-^")♪
2006/10/29(日) 午後 5:58 [ kki*o*o_*oi1*5 ]
●そらさん＞ 真ん中の赤色が「文字など」（内容＝幅）の部分で、その外側の灰色が「空間」の周り、その外側の青色が「枠」（背景）です。理解してくださいね。(^_-)-☆
2006/10/31(火) 午後 6:53
凄い!! ソースの意味が理解できるまで 時間がかかりそうです〜 コピーさせて ってこれは 転載出来るんですね〜 転載させてください ポッチ
2006/11/25(土) 午前 0:29
●オカン＞ ソースが欲しいといった方がいたので、作りました。途中に改行があるので、削除してくださいね！ (^_-)-☆
2006/11/25(土) 午後 4:26
応用して作ってみました ２時間遊べました ヽ(●´Д｀)ノ ｱﾘｶﾞﾄｰ
2006/11/29(水) 午後 4:03
●オカン＞ コロンの中に★を入れて、最後に★を外すなんて、想像しなかったです！ 素晴らしいです〜 ＼(^o^)／
2006/11/30(木) 午後 2:53