「雑誌のようにイメージを入れたい（回り込み）」
雑誌のコラムや新聞記事って写真の回りに文字が流し込まれていますね。
手法は全くことなるのですが、擬似的に再現しています。
あなたの記事が素敵に変身するかも！
- [イメージをアップロード]
- [左にイメージ、右に記事]
- [右にイメージ、左に記事]
- [１ページに複数イメージ左、右にし、記事を流し込む ]
イメージをアップロードします
新規投稿ページの
- 「画像添付」を利用してイメージをYahooブログのサーバーにアップロードします。
(複数の場合でも構いません。)
左にイメージ、右に記事
以下のように表記します。
[[attached(１,left)]]ああああ〜（流し込む文字）〜ああああ
※数字の１は「半角文字」に直してください。
これで、画像添付でアップロードされた一番目の画像がページの左端に表示され、
つづけて記入された文字が右側に流し込まれるように表示されるはずです。
（例では、改行していませんが、流し込む文中での改行は、そのまま有効です。）
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
右にイメージ、左に記事
以下のように表記します。
[[attached(１,right)]]ああああ〜（流し込む文字）〜ああああ
※数字の１は「半角文字」に直してください。
これで、画像添付でアップロードされた一番目の画像がページの右端に表示され、
つづけて記入された文字が左側に流し込まれるように表示されるはずです。
（例では、改行していませんが、流し込む文中での改行は、そのまま有効です。）
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
以下のように表記します。
[[attached(１,left)]]ああああ〜（流し込む文字）〜ああああ
[[attached(２,right)]]ああああ〜（流し込む文字）〜ああああ
※数字の１は「半角文字」に直してください。
これで、画像添付でアップロードされた１番目の画像がページの左端に表示され、
つづけて記入された文字が右側に流し込まれるように表示されるはずです。
※数字の２は「半角文字」に直してください。
これで、画像添付でアップロードされた２番目の画像がページの右端に表示され、
つづけて記入された文字が左側に流し込まれるように表示されるはずです。
（例では、改行していませんが、流し込む文中での改行は、そのまま有効です。）
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
- このように複数のイメージを表示して流し込みを行う場合に限らず、イメージの高さより、流し込む文が少ないと、意図していない次のコンテンツまで、流し込まれてしまいます。文中で改行などして流し込む高さをイメージの高さより大きくするか、イメージのサイズを小さなサイズを使用するとよいでしょう。
※この場合イメージの縮小は行えませんので、560pxより更に小さなサイズでないと、流し込むスペースが少なすぎることになります。560pxより多い場合はレンダリングが崩れる場合があります。
|
前からこの表現方法をやってみたかったのでさっそく試してみましたｗ・・・ http://blogs.yahoo.co.jp/konig_fox/1300667.html ・・・ 自分のセンスのなさと不注意（イメージの大きさの注意書きに気づいたのはこのコメントを書いてる途中・・・）を実感しました・・OTL
2005/4/9(土) 午後 6:12
やってみましたー。何度も頑張りましたー。なんとか出来た…かな？こんなことできるんですね！楽しい。
2005/4/10(日) 午後 4:16 [ vio*a_s*22* ]
konig_foxさん、いらっしゃいませ！。リンク先、今、見ましたよー。 努力のあとがひしひしとー。これ、制御するのが、かなり難しいので、記事にはしてたのですが、（説明も難しい、汗）奥ーの方へ目に触れないようにと、笑、今回、リクエストがありましたので、Ｔｏｐにリンクつけていたのです。コメント、ありがとうございました！。（記事での配慮、こちらこそ、ありがたいです！、感謝）
2005/4/11(月) 午前 11:26
viola_s1221さん、いらっしゃいませ！。上でも触れていますが、これ、中々、複雑にすると、制御が非常にむずかしく、想いも寄らないレイアウトになったりしまーす。ですから、実は、viola_s1221 さんの記事のように、シンプルな使い方は素敵ですよ！。コメントありがとうございました！。
2005/4/11(月) 午前 11:43
[[attached(1,left)]]で左寄せに挑戦してみました...が、残念、できなーい！なぜかしら...？数字はちゃんと半角にしているんだけれど〜。画像ファイルは120kbくらいなんですが、pxだとどのくらいの大きさなのかなぁ。やっぱり素人には向いてないかもですね(^ ^；
2005/4/29(金) 午前 0:05 [ ari*204*2 ]
んーん、多分、ゴミ（見えないコード）が入っているのかもしれません。 確認しておきます！。新たに、キーで打ち直すといいかもしれません。 私も、偶になったことがあるので、（あれー？みたいな、汗）。貴重な、コメント、ありがとうございました。！
2005/4/29(金) 午前 9:24
やってみました。出来ましたo(≧∀≦)o⇒http://blogs.yahoo.co.jp/nana_l_hangry_angry/1560694.htmlどうでしょう?記事の内容は気になさらず…。ありがとうございます！！傑作凹☆
2007/3/23(金) 午後 5:08 [ 亜鳥(魅栩) ]
チェスさん、ありがとうございます！。記事にも、それぞれの個性が出ていいと思います！。
2007/3/27(火) 午前 8:52
こんにちは！
自分のブログにコメントをいただいているのですが、こちらの返事のコメントが書き込めなくて困っています。原因って分かるでしょうか。解決の方法教えていただけたら幸いと思っています。
2008/7/30(水) 午後 2:48
「九条が愛＆平和必ず守るよ」さん、お久しぶりです！。
そう、サーバの負荷が増して、何らかのトラブルがあると、
コメント投稿つらくなりますよね。
しばらく,静観してみてください。
返信の数が多い場合など、「一言メッセージ」で告げるという手もありではないでしょうか、検討してみてください。
コメント、ありがとうございました！。
2008/7/31(木) 午前 9:40