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

はてなダイアリーの背景設定ってどうやればいいの?

●質問者: まるさん
●カテゴリ:はてなの使い方 コンピュータ
✍キーワード:はてなダイアリー
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● きゃづみぃ

ダイアリーの管理で デザイン。

こちらで テーマを変更します。


2 ● kyabana
ベストアンサー

はてなダイアリーの背景設定はCSS(カスケーディング・スタイル・シート)を用いて変更できます。

  1. 管理画面の 「デザイン → デザイン編集」 にある「詳細タブ」をクリック
  2. 「スタイルシートの編集」のテキストエリアに下記のようなCSSを記入
    • background-image: url("××××")の××××部分に表示したい画像のURLを書き換えてください。
body {
 background-image: url("http://d.hatena.ne.jp/theme/ugomemo-green/body-green.gif") ; /* 背景画像 */
 background-color: #446211; /* 背景色 */
 background-position: 0 0; /* 背景画像の表示開始位置 */
 background-repeat: repeat; /* 背景画像のリピートの仕方 */
}

CSSの背景画像に関しては、こちらも参考になると思います。


××××部分に表示したい画像のURLって、どこのなんなのさ?ってことになるかもしれないので、はてなフォトライフにアップした画像のURLを取得する方法を紹介します。

はてなフォトライフにアップされている画像は、クリエイティブ・コモンズのライセンスを適用していない場合は、他の人の使用を禁止しています。ライセンスが適用されている画像か、自分のはてなフォトライフにアップされている画像を使いましょう。


はてなフォトライフにアップした画像を背景に指定する(windows)

  1. 自分のはてなフォトライフにアップしている使いたい画像を表示する
    • f:id:kyabana:20110722222748p:image:w300
  2. 使いたい画像を右クリックする
  3. 一番下に表示されるプロパティを選択する
    • f:id:kyabana:20110722224102p:image:w300
  4. 「アドレス」に表示されているをURLを選択する、コピーする
    • f:id:kyabana:20110722224100p:image:w300
  5. background-image: url("××××")の××××部分にコピーしたURLを書く

はてなフォトライフにアップした画像を背景に指定する(mac)

  1. 自分のはてなフォトライフにアップしている使いたい画像を表示する
    • f:id:kyabana:20110722222748p:image:w300
  2. 使いたい画像を右クリックする
  3. 「画像のURLをコピー」を選択する
    • f:id:kyabana:20110722224101p:image:w300
  4. background-image: url("××××")の××××部分にコピーしたURLを書く
◎質問者からの返答

とても参考になりました^^

関連質問


●質問をもっと探す●



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