ヤプログ画像のサイズ調整とポインターエフェクトについての質問

2005/11/04 16:24

このQ&Aのポイント

ヤプログの記事に画像を載せる際に、携帯で表示されると思っていたよりも大きく表示されてしまいます。画像を小さくする方法はありますか？
ブロガーさんのブログでは、マウスポインターがキラキラしたり、ハートが出たりしていますが、どのように実現されているのでしょうか？
サイドバーの自己紹介に画像を載せたいのですが、画像のサイズが大きいため、顔が半分になってしまいます。画像の幅や高さを変える方法はありますか？

hanalove7040
お礼率60% (14/23)

ブログ
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

maudlin
ベストアンサー率67% (108/160)

2005/11/04 23:05 回答No.1

(1)　方法は二つ、あります。・　画像編集ソフトで、その画像ファイルのサイズ（幅・高さ）を縮小したものを記事編集（マイページ → 記事一覧 → 該当の記事を選択）の画面で画像アップロードしなおす。うまく再アップロードできたら、前の（携帯から載せた）画像を削除すればOKです。（画像編集は、Windowsでしたら標準添付されているペイントでも可能です。）・　アップロード済みの画像ファイルはそのままに、HTMLタグで小さめに表示するように記述する。具体的には、記事編集の画面で「HTMLで記事を書く」にチェックを入れ、画像を表示させたい部分に　<img src="http://～○○.jpg" width="△" hight="▽">　と書きます。うまく表示されたら、前の画像表示タグ　{*****_****.jpg}　を消せばOKです。　※ △は幅・▽は高さで、お好みの数値にします。　※ 「http://～○○.jpg」は画像ファイルのアドレス（URL）で、　　　記事中のその画像の上で右クリックして「プロパティ(P)」を開くと確認できます。ただHTMLで記事を書く場合、一文字でも違っていると表示されなかったりしますので、初心者の方には前者の方が簡単かもしれません。 (2)　フリースキン（HTML/CSS変更可能なスキン。色違いの3種類のみ。）を選択して、参考URLにあるような Javascript などを利用しているのだと思います。フリーのJavascript配布サイトなどを検索すると、いろいろあると思います。 (3)　画像の幅、高さを変えれば大丈夫ですよ。詳しくはヤプログの「使いこなしの森」に説明がありますので参考になさってみてくださいね。 http://www.yaplog.jp/contents/m_sidebar2 使い慣れていくうちに、いろいろと凝ったページにチャレンジしたくなりますよね。これを機にヤプログの機能やHTMLなどを覚えながら、イメージ通りのブログ作りに頑張ってください。