|
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
○「下の画像」と「上の画像」を重ねる方法を紹介します。 但し、「下の画像」は「backgroundプロパティ」のみです。 「上の画像」は、透過（または透明）した「GIF画像」で、 「[[img( )]]」（画像）もしくは「attached( )」（画像添付）を使用してください m(_ _)m ○「緑色の枠とその中の黄色」をカーソルに入れて、「右クリック」して「すべて選択（A)」をクリックすると、文字列が黒色に変わります。 そして、その中で「右クリック」して「コピー（C)」をクリックします。 後は、皆さんのブログで新規投稿して、コピーしてください m(_ _)m ○記事を「修正」すると、半角記号の「＆＃５８；」が「 ： 」（コロン）に変わってしまいます。 ですので、もう一度、半角記号の「＆＃５８；」に変えてください。よろしくお願いします m(_ _)m 【サンプル画像】 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○まず、「下の画像」を用意します。 ※ここの記事では、「autostart=true」（自動再生あり）、「loop=true」（繰り返し再生あり）、 「hidden=true」（プレーヤー表示なし）に設定したので、自動的に音楽が再生されます。 なお、「再生」ボタン、「停止」ボタンなども操作出来ないので、ご了承ください m(_ _)m [[embed(http://www.geocities.jp/bea_nies/heal01.mp3,true loop=true hidden=true)]]↓ この場所ですが、目からは見えません。見たい場合は、HTMLソースを見てください m(_ _)m http://www.geocities.jp/bea_nies/heal01.mp3 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ・内容の外側→ padding:0px; 幅 → width:400px; 高さ → height:250px; 背景画像 → background:url(画像) no-repeat; ※全角記号の「 ＆ 」を、 必ず半角記号の「 & 」に書き換えてください。 半角記号の「 : 」に書き換えてください。http://www.geocities.jp/bea_nies/beanies_main/rei_33148332/rei_33148332_1.swf 【実際】 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○次は、「上の画像」を用意します。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ・内容の外側→ padding:0px; 幅 → width:400px; 高さ → height:250px; 背景画像 → background:url(画像) no-repeat; ※全角記号の「 ＆ 」を、 必ず半角記号の「 & 」に書き換えてください。 画像 → [[img(画像リンク)]]http://www.geocities.jp/bea_nies/beanies_main/rei_33148332/rei_33148332_2.swf 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○最後に、「上の画像」の位置を設定します。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ・内容の外側→ padding:0px; 幅 → width:400px; 高さ → height:250px; 背景画像 → background:url(画像) no-repeat; ※全角記号の「 ＆ 」を、 必ず半角記号の「 & 」に書き換えてください。 場所位置 → text-align:center; 改行位置 → word-spacing:400px; ※幅と同じ場所に設定します。 画像 → [[img(画像リンク)]]http://www.geocities.jp/bea_nies/beanies_main/rei_33148332/rei_33148332_3.swf 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ ○ちなみに、 ［[img( )]]（画像）を ［[attached( )]]（画像添付）に変更することも出来ます。 −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− 【例文】 ・内容の外側→ padding:0px; 幅 → width:400px; 高さ → height:250px; 背景画像 → background:url(画像) no-repeat; ※全角記号の「 ＆ 」を、 必ず半角記号の「 & 」に書き換えてください。 場所位置 → text-align:center; 改行位置 → word-spacing:400px; ※幅と同じ場所に設定します。 画像添付 → [[attached(数字)]]http://www.geocities.jp/bea_nies/beanies_main/rei_33148332/rei_33148332_4.swf 【実際】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 以上です m(_ _)m
|
- >
- Yahoo!サービス
- >
- Yahoo!ブログ
- >
- 練習用
ぴーにぃさん画像がなんか一致しませんが 何とか出来ました こんな可愛い画像はどこにあるのですか？ 音楽の入れ方わかりません。
2006/5/27(土) 午後 10:17 [ kos**osu_*031 ]
●コスモスさん＞ ２つの画像は、大丈夫ですね！ 後、音楽の入れ方は画像とは違って、単独で「［[embed（ ）]]」を入れています。ここの上に書いているので、単独で試してくださいね！ (^_-)r
2006/5/28(日) 午後 3:45
初めまして。とても素敵でチャレンジしてます！ ただ、上の画像にアバターを使いたいのですが、透過処理の方法が分からないんです・・・ アバターを使う事ってできますか？ 処理の仕方を教えて頂けると嬉しいのです。
2006/5/29(月) 午後 5:24
●ちぃさん＞ ちぃさんのブログに行って、ゲストブックにも行きました。もう少し分からない事があったので、もう一度教えてください。よろしくです〜 m(_ _)m
2006/6/1(木) 午前 0:00
（；￣Д￣）ﾅﾝｼﾞｬﾄ？頭がついて行けません。凄過ぎる〜〜〜〜〜〜。
2006/6/6(火) 午後 2:01
●ぶーねこさん＞ 記事の中で、緑色の枠と黄色の枠内で「クリック」して、コピーして試してくださいね！ よろしくです〜 (^_-)r
2006/6/7(水) 午後 9:05
画像は２つ入れる事は 他の方から教えて戴いてましたが… 文字が入れられなくて 勉強させて戴きました ﾎﾟｯﾁ
2006/10/24(火) 午後 3:23
●オカン＞ 文字列や画像を改行するには、「word-spacing」プロパティが必要です。ゆっくり試してくださいね！ (^_^)v
2006/10/24(火) 午後 4:01
この記事の事をしたいんです(*^^*) でも何度しても成功せず・・挫折寸前でした＾＾： 再度挑戦する気になりました(*^^*) ポチッ☆
2006/11/25(土) 午後 3:50 [ バカママ ]
●バカママさん＞ まず、ここでコピーしてペーストしてください。そして、今度は好きな画像を探して試してくださいね！ (^_^)v
2006/11/25(土) 午後 5:27
ヽ(●´Д｀)ノ ｱﾘｶﾞﾄｰ 出来ましたよー 応用させて戴きました！！
2006/11/29(水) 午後 4:08
●オカン＞ ちゃんと出来ていました！ 完璧です〜 (^_-)-☆
2006/11/30(木) 午後 2:56
オカンさんのところから来ました勉強させてくださいませ
2006/12/13(水) 午後 9:31
●モスさん＞ ゆっくり楽しんで行きましょうね！ ＼(^o^)／
2006/12/14(木) 午後 7:09
早速質問させてください。オカンさんから教えて貰って、やって見ましたが、画像が重なりません。画像・文章・小さな画像と縦に並んでしまいます。どこが悪いのかわかりません。コピーしてソースを使っているのですが。。
2007/1/12(金) 午前 0:33
●あぁ茶ん＞ ここの記事をコピーしてるなら、縦に並ぶことは無いと思います。試しに、「１行目」、「２行目」、「３行目」、、、の文字列を、「１２３４５６７８９０」、「１２３」、「１２３４５」、、、の文字列に書き換えると中央に並ぶと思います。試してくれませんか？ (^_^)
2007/1/12(金) 午後 4:43
すみません。オカンさんの記事をコピーしてやってみたのですが、もう一度やってみます。
2007/1/12(金) 午後 10:57
●あぁ茶ん＞ 一応、ここの「緑色の枠」と「黄色の中」で一回クリックして、コピーしてからあぁ茶んの記事でペーストしてください。そうすれば簡単に見られますので、後は色々書き換えてください。(^_^)v
2007/1/13(土) 午後 1:57
凄いですね♪ こんな事が出来たら嬉しいです！！ ピアノの所を写真を載せる事も可能でしょうか？写真を透過するにはどうしたらいいんでしょう？
2007/2/4(日) 午後 7:47
●リカさん＞ そちらのゲストブックで少し説明したので、ゆっくり読んでくださいね！ (^_-)-☆
2007/2/5(月) 午後 3:21