人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: junsaito
●カテゴリ:コンピュータ 学習・教育
✍キーワード:はてなダイアリー オプション サイズ デフォルト ピクセル
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● andymente
●25ポイント

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

◎質問者からの返答

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

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

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

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


2 ● andymente
●25ポイント

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=”

http://d.hatena.ne.jp/images/diary/junsaito2003-12-07.jpg

” 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=”

http://d.hatena.ne.jp/images/diary/junsaito2003-12-07.jpg

” alt=””></p>

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

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

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

◎質問者からの返答

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

できました!

けれど、

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

なんですね。

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


3 ● kikuta
●10ポイント

http://www.hatena.ne.jp/

はてな

こんにちは。

URLはダミーです。

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

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

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

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

◎質問者からの返答

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ