|
文字列や画像を使って１つのボックスを作る方法としては、この方法がベターなのかもしれませんので、 これを参考してください。 特に複数の画像を設定するには、［[attached( )]］ が必要になります。 ○では、まず全体のボックスを設定するために、背景色やボックス内、画像を設定します。 【例文１】 ※下にある「このコントロールをアクティブ化して使用するにはクリックしてください。」という 文字が現れますので、その場所で「クリック」してから「コピー」してください。 ||<#000000' style=' padding:20px; width:520px;' ``[[★attached(1)]]|| ※コピーしてから、「★」を削除してください。 ||<（背景色）'
○背景色のみ ・背景色＝#000000 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− style='（ボックス内） ○ボックス内の設定 ・内容の周りの空間：padding:20px;（上：20px 下：20px 左：20px 右：20px） ・幅＝width:510px; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− （内容（fontなど））' ○内容（fontなど）の設定 ・なし −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− （文字列、画像など）|| ○画像 ・画像とその位置＝[[attached(１)]] 【実際１】 次に、フォント（font:bold 12pt serif;）と文字色（color:white;）を設定し、文字列を作ります。 【例文２】 ※下にある「このコントロールをアクティブ化して使用するにはクリックしてください。」という 文字が現れますので、その場所で「クリック」してから「コピー」してください。 ||<#000000' style=' padding:20px; width:510px; font:bold 12pt serif; color:white;' ``[[★attached(1)]] 一言メッセージ「総合Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！|| ※コピーしてから、「★」を削除してください。 ||<（背景色）'
○背景色のみ ・背景色＝#000000 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− style='（ボックス内） ○ボックス内の設定 ・内容の周りの空間：padding:20px;（上：20px 下：20px 左：20px 右：20px） ・幅＝width:510px; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− （内容（fontなど））' ○内容（fontなど）の設定 ※追加→ ・文字＝font:bold 12pt serif; ※追加→ ・文字色＝color:white; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− （文字列、画像など）|| ○画像 ・画像とその位置＝[[attached(１)]]（全角スペース） ○文字列 ・一言メッセージ「総合Wikiリファレンス」の本です！面白いこと、いっぱい詰まってま〜す！ 【実際２】 そして、文字列を複数行に区切り、文字列と文字列の間に「半角（または全角）スペース」を入れて （文字列の幅 word-spacing:510px;）、文字列をセンターに入れます（text-align:center;）。 【例文３】 ※下にある「このコントロールをアクティブ化して使用するにはクリックしてください。」という 文字が現れますので、その場所で「クリック」してから「コピー」してください。 ||<#000000' style=' padding:20px; width:510px; font:bold 12pt serif; color:white; word-spacing:510px; text-align:center;' ``[[★attached(1)]] 一言メッセージ 「総合Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！|| ※コピーしてから、「★」を削除してください。 ||<（背景色）'
○背景色のみ ・背景色＝#000000 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− style='（ボックス内） ○ボックス内の設定 ・内容の周りの空間：padding:20px;（上：20px 下：20px 左：20px 右：20px） ・幅＝width:510px; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− （内容（fontなど））' ○内容（fontなど）の設定 ・文字＝font:bold 12pt serif; ・文字色＝color:white; ※追加→ ・文字列の幅＝word-spacing:510px; ※追加→ ・文字列の位置＝text-align:center; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− （文字列、画像など）|| ○画像 ・画像とその位置＝[[attached(１)]]（全角スペース） ○文字列 ・一言メッセージ（全角Ｊスペース）「総合Wikiリファレンス」の本です！（全角スペース）面白い こと、いっぱい詰まってま〜す！ 【実際３】 最後に、文字列を複数行に区切り、文字列と文字列の間に「半角（または全角）スペース」を入れて （文字列の幅 word-spacing:510px;）、文字列をセンターに入れます（text-align:center;）。 【例文４】 ※下にある「このコントロールをアクティブ化して使用するにはクリックしてください。」という 文字が現れますので、その場所で「クリック」してから「コピー」してください。 ||<#000000' style=' padding:20px; width:510px; font:bold 12pt serif; color:white; word-spacing:510px; text-align:center;' ``[[★attached(1)]] 一言メッセージ[[★attached(2)]] [[★attached(3)]]総合Wikiリファレンス」の本です！ 面白いこと、いっぱい詰まってま〜す！[[★attached(4)]]|| ※コピーしてから、「★」を削除してください。 ||<（背景色）'
○背景色のみ ・背景色＝#000000 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− style='（ボックス内） ○ボックス内の設定 ・内容の周りの空間：padding:20px;（上：20px 下：20px 左：20px 右：20px） ・幅＝width:510px; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− （内容（fontなど））' ○内容（fontなど）の設定 ・文字＝font:bold 12pt serif; ・文字色＝color:white; ・文字列の幅＝word-spacing:510px; ・文字列の位置＝text-align:center; −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− （文字列、画像など）|| ○画像 ・画像とその位置＝[[attached(１)]]（全角スペース） ○文字列や画像 ・一言メッセージ[[attached(２)]]（全角スペース）[[attached(３)]]「総合Wiki リファレンス」の本です！（全角スペース）面白いこと、いっぱい詰まってま〜す！[[attached(４)]] 【実際４】 http://www.geocities.jp/bea_nies/00_main/bea_nies11.swf |
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
コメント（80）
