1323856140 「はてなダイアリー」についての質問なのですが

ブログの背景これでいう↓↓↓
http://d.hatena.ne.jp/hiromu0108/
この「宇宙」の様な部分は、はてなダイアリーが最初から用意していた背景なのですが...
背景をこういうふうに↓↓↓
http://d.hatena.ne.jp/HARUUSAGI/
自分の好きな背景にする方法がわからないので、教えてください!

回答の条件
  • 1人5回まで
  • 登録:2011/12/14 18:46:30
  • 終了:2011/12/14 19:37:29

ベストアンサー

id:flandlescarlet No.1

八咫烏回答回数83ベストアンサー獲得回数532011/12/14 18:55:24

スタイルシートの設定で

body {
   background-image: url('任意の背景画像URL');
   background-repeat: repeat-y;
   background-position: center top;
   background-attachment: fixed;
}

こう設定します


後、背景のURLを指定する時ですが
単純に他の人がアップロードしている画像のURLを使うのではなく
自身でアップロードした画像のURLを貼るのがマナーとなります

はてなフォトライフなどでアップして使うのがベストだと思いますよ

http://f.hatena.ne.jp/hiromu0108/


ちなみに
スタイルシートと呼ばれる編集が出来る設定画面はこちらです

http://d.hatena.ne.jp/hiromu0108/designdetail

詳細設定で
ページのヘッダとフッタの下に
スタイルシートと呼ばれる欄がありますので
そこに上記のソースをそのまま貼りつけて
この内容に変更を押せば完了です



P.S
ここまでが基本的な流れとなりますが、画像によっては背景のサイズ等で変化が
ありますので出来れば使う画像を提示していただければ幸いです

背景の宇宙のテーマを変える必要があります
例のURLのユーザーさんのようなテーマを適用させるためには

memo
memo2
memo3

から好きなタイプを選んでください
他のテーマを選ぶと、そのテーマの画像が先行され不要な部分が混ざります

id:flandlescarlet

補足です
今見ていたら背景画像が見えていませんので
隠れているのではないかと心配でしたので

もし画像が小さくて見えない場合は

テーマを
Hatena
にしましょう
記事も透過して背景が見えるので画像が小さくても見えます

2011/12/14 19:41:33

その他の回答(1件)

id:flandlescarlet No.1

八咫烏回答回数83ベストアンサー獲得回数532011/12/14 18:55:24ここでベストアンサー

スタイルシートの設定で

body {
   background-image: url('任意の背景画像URL');
   background-repeat: repeat-y;
   background-position: center top;
   background-attachment: fixed;
}

こう設定します


後、背景のURLを指定する時ですが
単純に他の人がアップロードしている画像のURLを使うのではなく
自身でアップロードした画像のURLを貼るのがマナーとなります

はてなフォトライフなどでアップして使うのがベストだと思いますよ

http://f.hatena.ne.jp/hiromu0108/


ちなみに
スタイルシートと呼ばれる編集が出来る設定画面はこちらです

http://d.hatena.ne.jp/hiromu0108/designdetail

詳細設定で
ページのヘッダとフッタの下に
スタイルシートと呼ばれる欄がありますので
そこに上記のソースをそのまま貼りつけて
この内容に変更を押せば完了です



P.S
ここまでが基本的な流れとなりますが、画像によっては背景のサイズ等で変化が
ありますので出来れば使う画像を提示していただければ幸いです

背景の宇宙のテーマを変える必要があります
例のURLのユーザーさんのようなテーマを適用させるためには

memo
memo2
memo3

から好きなタイプを選んでください
他のテーマを選ぶと、そのテーマの画像が先行され不要な部分が混ざります

id:flandlescarlet

補足です
今見ていたら背景画像が見えていませんので
隠れているのではないかと心配でしたので

もし画像が小さくて見えない場合は

テーマを
Hatena
にしましょう
記事も透過して背景が見えるので画像が小さくても見えます

2011/12/14 19:41:33
id:zzz090 No.2

椿 木春回答回数17ベストアンサー獲得回数02011/12/14 19:06:20

http://hatenadiary.g.hatena.ne.jp/keyword/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E5%A4%89%E3%81%88%E3%82%8B%EF%BC%88%E4%B8%8A%E7%B4%9A%E8%80%85%E5%90%91%E3%81%91%EF%BC%89
ここで確認できますが、
いちおう説明します
スタイルシートの設定のところ
http://d.hatena.ne.jp/hiromu0108/designdetail)で、
body {
background-image: url('背景にしたい画像のURL');
background-repeat: repeat-y;
background-position: center top;
background-attachment: fixed;
}

と打ちます(コピペして下さい^^)
やると、そうなります。
ただ人のものを利用すると危険ですので、
フォトライフなどでうpしてからなせる事をお勧めします(フォトライフはURLも簡単!)
では(

  • id:flandlescarlet
    これが背景画像となります

    http://img.f.hatena.ne.jp/images/fotolife/h/hiromu0108/20111216/20111216063928.jpg
  • id:flandlescarlet
    コメントに書いていれくれた②の

    <a href="http://f.hatena.ne.jp/hiromu0108/20111216063928"><img src="http://img.f.hatena.ne.jp/images/fotolife/h/hiromu0108/20111216/20111216063928.jpg" alt="20111216063928"></a>

    この中の
    <img src="http://img.f.hatena.ne.jp/images/fotolife/h/hiromu0108/20111216/20111216063928.jpg" alt="20111216063928">

    src="この中のURLが画像のリンクとなっている"

    抜き出せば大丈夫です
    また画像の上で右クリックして「画像のURLをコピー」というのがあればそっちでもいけます
  • id:flandlescarlet
    ちょっとダイアリーではタグの使用が制限されているので難しいです
    しかしレンの画像の端を画像加工ソフトで加工してぼやかしてなじませたりする方法ならあります

    いろいろと背景にピッタリとつけると収縮の関係でやや横長になったりとする事もあります
    参考のhttp://d.hatena.ne.jp/HARUUSAGI/のダイアリーも
    画像サイズは変えずに背景の白色となじませたという感じですね
    後文字が若干見にくそうでしたので

  • id:flandlescarlet

    テーマをMemoに戻すのもいいですよ

    Memoにしたらレンくんがほとんど隠れてしまう!!
    そう思うかもしれません
    その時は
    body{

    ///////前のソース///////

    filter: alpha(opacity=80);

    -moz-opacity:0.80;

    opacity:0.80;

    }

    追加で上の3つを貼り付けるといい感じに透明度が出て文字も見やすくなります

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません