はてなダイアリーのオプションで大きいサイズの写真を貼り付けられるようになりました。1. 写真はデフォルトで右側に貼り付けられるようになっているのですが、これを中央や左から何ピクセルという風に指定するにはどうすればよいのでしょうか。2. サイズを指定するにはどうしたらいいでしょうか?3. 写真のすぐに下に説明書きを入れるにはどうしたらいいでしょう?以上三点、よろしくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答3件)

id:andymente No.1

回答回数96ベストアンサー獲得回数0

ポイント25pt

http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%...

はてなダイアリーTipsとは - はてなキーワード

1 と 2 はスタイルシートで以下のように指定するとできると思います。

img.photo {

/*左から何ピクセルか*/

margin-left:30px;

/*幅*/

width:100px;

/*高さ*/

height:100px;

}

3 は、日記本文の一番初めに書くのが妥当ではないでしょうか。クラス指定などをしておくと、そこだけに個別のスタイルを適用できるので良いかもしれません。

id:junsaito

回答ありがとうございます。

日によって、サイズの小さいものを左側に、サイズの大きいものを中央にするにはどうしたらいいのでしょうか。その設定だとすべての写真が同じ位置指定になるんじゃないかと思うんですが。

クラス指定とはなんでしょうか。

どうしたらできるんでしょうか。

2003/12/07 00:05:05
id:andymente No.2

回答回数96ベストアンサー獲得回数0

ポイント25pt

http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%...

はてなダイアリーガイド作成作業テーブルとは - はてなキーワード

すみません、「デフォルトで」の意味を読み違えていました。

個々の位置ずらしは現在はそのままではできないはずなので、日記本文に直接 <img> で表示させる方法を書きます。

img.photo {

display:none;

}

p.photo1{

/*左端に寄せる*/

margin-left:0px;

}

p.photo2{

/*中央に配置*/

text-align:center;

}

とスタイルシートを指定して、日記本文中に

><p class=”photo1”><img src=”

” alt=””></p><

のように自分で日記本文中に直接書いて、好きなクラス(ここでは photo1)を使うと、その画像ごとに位置などを指定することができます。

また、img 自体に width や height 属性を付けて大きさの調整をすることもできます。

(><img src=”...” alt=”” width=”30” height=”30”> のように)

画像ファイルのアドレスは日付、画像により変わります。

(はてな ID)(年 4桁)-(月 2桁)-(日 2桁).(下の画像の拡張子) のようになります。

ただ、こうすると、画像をアップした時に必ず自分でタグを書かないといけなくなるので、多少面倒になります。

クラス指定というのは、本文中で適当なタグを書いて、そこに「class=”photo-note”」のような属性を書き加えるという意味で書きました。

><p class=”photo1”><img src=”

” alt=””></p>

<p class=”photo-note”>説明</p><

あらかじめ phote-note に好きなスタイル指定をして、日記本文で上のような感じに書くことをイメージしていました。

さっきの回答で無駄にポイント消費させてしまってすみません。

id:junsaito

回答ありがとうございます。

できました!

けれど、

>画像をアップした時に必ず自分でタグを書かないといけなくなるので、多少面倒になります。

なんですね。

通常は、ダイアリーの編集画面からアップロードして、右上に配置。必要のときだけ日記内にタグを書いて、位置・サイズ変更ということはできないんでしょうか。

2003/12/07 03:42:49
id:kikuta No.3

回答回数140ベストアンサー獲得回数0

ポイント10pt

こんにちは。

URLはダミーです。

>必ず自分でタグを書かないといけなくなるので、多少面倒になります。

とありますが、タグを単語登録してしまう、というのはどうでしょう。

個人的には、自動でリンクにならない掲示板のために「あ(A)」と入力するだけで「<A href=””></A>」と変換できるようにしています。

根本的な解決でなくてすみません。

id:junsaito

回答、ありがとうございます。

実は私もそれをやっております。

ただ、過去のダイアリーにも画像登録してあって、遡ってそれらまでタグで設定しなおさなければならないと思うと少々面倒です。

2003/12/08 18:49:31

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません