解決済

clip!clip!
Ads By Google

 いつも参考にさせて戴いております。
 本日は、ブログのTOPの看板画像をオリジナルに変更するには?

 過去ログで似たようなのを発見しましたが、もう一つ理解に苦しんでおります!
 どなたか、お助け下さい。
条件として、自分が撮りました画像を使用したいと思っております。
 ●素朴な疑問ですが、ブログ用に横に引き伸ばすか、上下をカットしたものを拡大して使えるのか? いろいろ、悩んでおります。

2006-08-01 00:31の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

3.

2006-08-01 18:28:42ベスト
野見宿弥さんのブログに使用されているヘッダー画像は
CSS の中のこの部分にその指示がなされています。↓

#banner,#subbanner{
width:780px;
height:100px;
text-align:left;
background:url(http://image.blog.livedoor.com/img/usr/hydrangea/june_photo.jpg) no-repeat 50% 0;
}

background:url( ・・・ )

の ( ) の中に書かれているアドレスがその画像のアドレスです。

基本としては、まずそれに変わる画像を作成する → その画像をファイルノアップロードを使用しサーバーにアップする。→ アップした画像のアドレスを控えておき、CSS の background:url( ) の ( ) の中のアドレスと書き換える。→ CSS を保存、再構築。

これで OK なんですが、気をつけなければならないのは、横幅です。その入れ替える予定の画像の横幅は 『 780px 』 で作成して下さい。縦幅は別に気にしなくても良いです。現在は 100px と上記 CSS に記述されていますが、もし変更する画像の縦幅が 200px なら上記 CSS の height の部分を 200px と変更するだけで OK です。( のちにブログタイトル、ブログの説明部分の位置の調整が必要になるかも知れません。必要ならば下部コメント欄にてお聞き下さい )

別に幅を変えて作成しても良いのですが、それによってブログのサイドカラム、本文カラム、その余白などを後にすべて調整しなければならなくなります。今回はその大幅なところまでステップアップなさるのはどうかと思います。まずはヘッダー画像の変更。それを先に成功させてからの方が良いかと思います。

画像を作成する時のコツは、仰っている ・・・

ブログ用に横に引き伸ばすか、上下をカットしたものを
拡大して使えるのか? いろいろ、悩んでおります。

別に自由になされば良いですが、上記の方法ならば、画像の質が悪くなりますよね。ヘッダー画像はブログの顔に当たる部分ですから、できれば綺麗な顔でいたいものです。

なるべく、小さな写真を大きく引き伸ばしたり、たて横の縮尺を変化させたりする事がないように加工したいものです。綺麗に写真画像を加工する技術があればそれで良し、それができなければ、お気に入りの写真画像を横幅だけとりあえずは合わせて、適当な上下の部分 ( 縦 ) をカットする方法が良いかもしれません。

AQさん、有難うございました!
やってみます。
出来たらご報告いたします。

1.

2006-08-01 11:06:38
>>ブログ用に横に引き伸ばすか、上下をカットしたものを拡大して使えるのか

より綺麗に見える方で良いのではないかと…。
丁寧でなくてすみません↓

2.

2006-08-01 13:13:04
あやめさんに激しく同意します!
自信度 : 自信あり 回答レベル : アドバイス
Ads By Google

コメント(2)

2006-08-04 00:17:58

 AQさん、ayameさん、デジタル♪クロスさん、いつも有難うございます。
 今晩から、気合で取り掛かりたいと思います!
 ちっと不安なのが、やっぱり前のライブドアのが良かったのに、と自責の念にかられた時、恐らく疲れが10倍になって襲って来そうで恐いですね!
 兎に角、挑戦してみます。

#2.  AQ
2006-08-04 01:06:30

> 野見宿弥 さん
とりあえずはベストありがとうございました。
でも、ちゃんと出来上がってからで良かったのですよ解決終了は。

できるところまでやってみて、つまずいたらご連絡下さい。ただここのコメント欄に記載されても、回答者の私達にはその旨の連絡は来ませんから、もしかしたら、気づかないかも知れません。その時は、ナレッジ内の最新質問のどこかで、AQ を探して頂いてその旨コメントしていただくか、プロフから直接ブログにお越し下さい。

トラックバック(2)

トラックバックURL: