|
文字列や画像を使って１つのボックスを作る方法としては、この方法がベターなのかもしれませんので、 これを参考してください。 特に複数の画像を設定するには、［[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 |
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
使わせてね(o^∇^o)♡
2007/4/28(土) 午前 11:14
●ティアラさん＞ どうぞ、どうぞ。ゆっくり試してから、素晴らしい記事を書いてくださいね！ (^_-)-☆
2007/4/28(土) 午後 2:23
転載します(o´・∀・`o)ﾆｺｯ♡ 傑作ぽち
2008/2/22(金) 午前 8:52 [ 琴音 ]
○ことねさん＞ 見に来てくれて、ありがとうございます！ ちなみに、記事に画像を表示していますが、Yahoo!の決まりで画像添付の「 attached( ) 」で転載すると、画像が全部先頭に表示されてしまいます。予めご了承ください。m(_ _)m
2008/2/22(金) 午前 11:25
転載します、傑作★、
2008/2/23(土) 午後 7:22 [ あいみ ]
●愛未さん＞ 傑作、ありがとうございます。ゆっくり試してくださいね！ (^_^)v
2008/2/24(日) 午前 10:51
こんばんは
このページ見ながら作って見ました
なかなか難しいですね〜(*^_^*)
2008/9/26(金) 午前 1:22
●マンマさん＞ まずは、黄色のソースをコピーして試してくださいね。そして、自分で記事を作ると、格好良いものが仕上がると思います。では、頑張ってくださいね〜 (^_-)-☆
2008/9/26(金) 午前 10:27
こんちには＾−＾＊
('-^●)☆アリガトウ☆(●^-')
ゴザイマシタ
ポチ！
転載させてオクンなまし。
2009/2/11(水) 午後 4:08
○そわかさん＞
ぽちっ、有難う御座います！ ＼(^o^)／
１つのものより、複数のものをアレンジすると、
綺麗な記事に仕上がります。
頑張って挑戦してくださいね。(^_^)v
2009/2/12(木) 午前 9:20
出来るかな〜
やってみます！！転載させてくださいね。
2009/2/24(火) 午後 8:22
●ぱっちママさん＞
転載有難う御座います！ ＼(^o^)／
ゆっくり試してくださいね〜。(^_-)-☆
2009/2/25(水) 午前 10:29
出来ましたよ〜♪
超うれしいです
ありがとうございましたm(__)m
2009/2/25(水) 午後 9:19
●ぱっちママさん＞
見に行きました。
ちゃんと出来て嬉しいです。
また新しいものが見つかったら、
挑戦してみてくださいね〜！ (^_-)-☆
2009/2/26(木) 午前 11:20
出来ました〜〜〜。。。うれしいです。。。（*^_^*）
2009/5/21(木) 午後 5:00 [ tannko ]
●たんこさん＞
そちらの記事を見に行きました。
Wiki文法で新たに作りましたね。
しかも、私のリンクも張られて頂き、
本当に有難う御座いました〜！ ＼(^o^)／
2009/5/22(金) 午前 11:46
ＴＡＮＮＫＯさんからやってきました。転載しますので宜しく。
2009/5/22(金) 午後 10:38
●とりきち８８さん＞
たんこさんから私のところに来て、
転載してくれて有難う御座います！
ゆっくり楽しんでいってくださいね〜 ＼(^o^)／
2009/5/23(土) 午前 9:52
初めまして＾＾★
勉強させてくださいね♪
2010/7/1(木) 午前 9:53
●Ｒ＆Ｓ☆ママ
「かんたんモード」は簡単な作り方ですが、
「Wiki文法」もゲーム感覚で楽しんで作れます。
ゆっくり楽しんでいってくださいね〜！ (^_-)-☆
2010/7/1(木) 午前 11:08