知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

解決済

clip!clip!
Ads By Google

自分のブログのデザインは自分の写真で!!

自分のブログのデザインをオリジナルに写真を使いたいんです。
詳しく言うと
背景やサイド題名の周りあたりなんかを少し
写真をどうやって使うのか
手順など教えてください

2006-03-29 18:16の質問
ブログ  デザイン  写真  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(1)

1.

2006-03-29 19:38:32ベスト
まずは写真をアップロードします。

を参照してください。
なお、このヘルプ画面は古く、現在「画像のアップロード」は「ファイルのアップロード」になっています。
注意点としては、背景画像などはサムネール作成にしない。

次に背景画像のアドレスを確認します。
もう一度、ファイルのアップロード/管理を開きます。
一覧表が出ているので、一番左のタイトルを見ます。
背景画像にしたいタイトルをクリックします。
(livedoorID)/imgs/*/*/******.jpg?blog_id=******とアドレスが表示されるので、
?より前をメモしておきます。

次にCSSを変更します。

を参考にCSSのカスタマイズ画面に移動します。

画面全体の背景はbody{***}
両横を無視したコンテンツ部分の背景は#container{***}
タイトル部分の背景は#banner,#subbanner{***}
の***の部分に
background:url(先にメモした画像の背景)++++ ;
と記述します。
++++の部分は
 背景を繰りかえさない場合 no-repeat
 縦方向に繰り返す場合 repeat-y
 横方向に繰り返す場合 repeat-x
 位置が上 top 下 bottom
    左 left 右 right
という風に記述します。

たとえば、
background:url(先にメモした画像の背景) no-repeat t top left;
のように記述します。

最後に、画面下の保存ボタンを押します。

さらに、右上の「ブログに設定を反映(再構築)」をクリックします。
                 以上

詳しい説明とよくわかる例をありがとうございました。

Ads By Google

コメント(1)

#1.  
2007-06-11 14:19:13

久々にカスタマイズしようと思ったのですがやり方を忘れてしまったので大変助かりました。
ありがとうございます。

トラックバック(2)

トラックバックURL: