FC2ブログ




tcv.jpg
東京湾大華火祭を観てきました。

上↑のソースはこう↓

<a href="http://blog-imgs-16.fc2.com/n/o/7/no719/tcv.jpg" target="_blank"><img src="http://blog-imgs-16.fc2.com/n/o/7/no719/tcvs.jpg" alt="tcv.jpg" border="0"></a><br clear="all">東京湾大華火祭を観てきました。


記事を画像の横に配置したい場合、下記のように修正すればOK。

<a href="http://blog-imgs-16.fc2.com/n/o/7/no719/tcv.jpg" target="_blank"><img src="http://blog-imgs-16.fc2.com/n/o/7/no719/tcvs.jpg" alt="tcv.jpg" border="0" align="left" hspace="10"></a>東京湾大華火祭を観てきました。


hspace="10"の数字は微調整可。


すると、こう↓なり、このまま記事を書き続けても、画像に回り込む。

tcv.jpg東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。

align="left"の部分を、rightに変えれば、画像が右側に配置される。

tcv.jpg東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。東京湾大華火祭を観てきました。

これは見栄えがいい!(`・ω・´)スペースも有効活用!
スポンサーサイト



テーマ:カスタマイズ - ジャンル:ブログ








このブログ、ソースを自分でカスタマイズできるんだ?いいね♪

このタグ 【hspace=】は、画像の左右に来る文章と画像との間の大きさを数字(ピクセル)で入力することで調整できるよね。
vspace=20 等の記述を追加すると、画像の下にくる文章と画像との余白を設定できるから 興味があったら試してみてねー。
【2006/08/16 15:20】 URL | mayu #-[ 編集]
≫mayu (^∀^)/
へぇー!そうなんだ!Σ(゚∀゚ノ)ノ
アドバイス、あざーす!i-179
さすが、プロは見るとこが違う!
確かに、隙間が開きすぎて、なんか変だなぁと思ってたとこなのよねぇ。
【vspace=】って、"hspace=**"の後に付ければいいのかに?
【2006/08/16 16:16】 URL | ないく #SFo5/nok[ 編集]
<a href="http://blog73.fc2.com/n/no719/file/tcv.jpg" target="_blank"><img src="http://blog73.fc2.com/n/no719/file/tcvs.jpg" alt="tcv.jpg" border="0" align="left" hspace="10" vspace="100"></a>東京湾大華火祭を観てきました。


てな感じで使えますよ。

あ、但し1つ言い忘れた。vspaceは、画像の下部だけじゃなく上部にも同じ余白ができるんだった・・・。^^;  お好みで使ってみてねー。
【2006/08/16 18:31】 URL | mayu #-[ 編集]
≫mayu (^∀^)/
なるほど!ありがとう。今後使わせていただくよ。
自分でカスタマイズするのっておもしろい!(・∀・)
【2006/08/16 19:24】 URL | ないく #SFo5/nok[ 編集]














管理者にだけ表示を許可する



| HOME |


Design by mi104c.
Copyright © 2019 ひまつぶしブログ, All rights reserved.