知識、知恵のカタマリ

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

お蔵入り

clip!clip!
Ads By Google

top画面にカスタマイズ選択で、引っ張ってきた画像を貼付けたものを画面いっぱいの壁紙にするにはどうしたらいいですか?


2006-03-13 13:23の質問
ブログ  画像  壁紙    する  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(3)

1.

2006-03-14 10:39:21
スタイルシートに設定を書きます。

おそらくライブドアブログをお使いなのでしょう(ライブドアのカテゴリもありますよ)。デザインをカスタマイズして使っているようです。すでに画像はアップロードできていて、なおかつurlも分かるということでしたら、スタイルシートを修正する作業が残っています。

ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。

以下の指定を一番最後に追加してください。スタイルシートは、二重に指定すると最後に指定したものが有効になる特性を生かします。

追加する例)
body{
background:url(http://parts.blog.livedoor.jp/img/usr/tomato_and_sunflower/bg_left.gif) repeat;
}

敷き詰めるような指定をするときは、テンプレートにもよりますが、背景として設定されている他の画像が邪魔してうまく表示されないときもありますから注意してください。

うまくいかないときは、ブログのurlか、テンプレートをコメント欄から教えてください。

2.

2006-03-16 18:48:27ベター
 元画像を大きくし、スタイルシートも修正します。

 ”画面いっぱい”という表現があるので、元画像も大きいものかと思っていましたが、350 x 480という幅でした。例えば、2倍、3倍とする方法は避けて、元画像を最初から大きなものにします。

 同時に、スタイルシートの指定は以下のように修正してみてください。(おそらく、元の指定に近いものになります。)

例)
#container{
margin:0 auto;
padding:0;
text-align:center;
word-break:break-all;
background:url(http://image.blog.livedoor.jp/genomic_dna/imgs/f/d/fd37b694.jpg) no-repeat ;
}

 修正後はスタイルシートの再構築が必要です。

3.

2006-03-21 02:07:06ベター
画像の大きさを変更するソフトを使います。

手元のコンピュータで事前に画像を変更するには、フリーウェアを使うのが便利です。



JTrimというソフトを他でも見かけたことがあるので紹介します。おもしろい機能などもあるし、使いやすいソフトだという印象がありますので、試してみてください。

上述のページからダウンロードし、導入します。今回の場合だと、画像の大きさを変更するだけなので、「ファイル」、「開く」から画像を読み込んできて、「イメージ」、「リサイズ」で大きさの変更を行います。

「リサイズ」画面で、「サイズで指定する」が選ばれていることを確かめ、横か縦の長さを変更して、「OK」ボタンを押します。何度か試行錯誤して、ちょうど良いと思う大きさを見つけてください。満足のいく大きさになったら、「ファイル」、「上書き保存」で保存します。

できあがったファイルをアップロードして、今まで使っていたものと入れ替えます。
Ads By Google

コメント(22)

#1.  
2006-03-14 19:39:30

やってみましたがうまくいきませんでした…(:/_.)1枚をでっかくtopに拡大した壁紙にしたいのですが…。私のBlogのURLですが、"http://blog.livedoor.jp/genomic_dna/";です。ご回答よろしくお願いいたします。

#2.  
2006-03-14 19:44:20

ごめんなさい。HERMESです。BlogのURLが違っていました。正しくは"http://blog.livedoor.jp/genomic_dna/?blog_id=16098...;です。

2006-03-15 04:16:04

おお、うまくいきませんでしたか。想像で書いているので、どうしても、テンプレートによってはうまくいきません。ちょっと見てみます。

#4.  
2006-03-15 12:50:46

お返事ありがとうございます。画像はhttp://image.blog.livedoor.jp/genomic_dna/imgs/f/d...をtop画面の壁紙の拡大して貼りたいのですが、再構築しても反応が悪くて。。。

2006-03-16 18:39:15

格好良い画像ですね。見てみます。

2006-03-16 18:43:55

CSSを見ていると、何となく分かってきました。どうやら、大きく拡大したいという意向があるようです。残念ながらできないので、元画像を大きくしてください、という回答を書きます。

#7.  
2006-03-17 10:24:55

元画像を大きくするには。。。初歩中の初歩で申し訳ありません。。。

#8.  
2006-03-17 19:38:53

今も試みていたのですが…どうにもうまくいきません…もしよろしければhepato_biliary_pancreas@ヤフーにご連絡いただけますでしょうか…すいません。

#9.  
2006-03-20 11:33:21

質問したいことを具体的に述べたかったのですが、まず画像の拡大をアップロードする前に行わなければならないということですが、どこのデータベースでその作業をするのですか?

#10.  
2006-03-20 11:33:49

その場合はHTMLを使って拡大するということですか?また、アップロード後、デザイン画面のどのCSSの部分に拡大した画像のHTMLを貼付ければ良いですか?初歩的なことも分からずすいません。。。

2006-03-21 01:27:48

おお! ちょっと見てみますね。

2006-03-21 01:42:02

ああ、なるほど。画像を大きくするというのは、元画像自体を、手元のコンピュータで変更しちゃうということです。ライブドアの何かを使うのではなくて、手元のコンピュータで拡大するんです。

2006-03-21 01:43:15

私の場合は、Fireforksというソフトを使ってやっています。Photoshopなどが代表的なソフトの名称になりますが、高級なソフトを使わずとも、フリーウェアで同じことができるものもあるはずです。

2006-03-21 01:44:16

先日の画像はどうやって作ったのでしょうか。作ったんじゃなくて、どこかからか持ってきたものなのでしょうか。フリーウェアで作業できそうなものを探して、回答を入れてみます。

2006-03-21 02:10:10

もっと早くに気付いて返事を書いておけば良かったです。ごめんなさい。私、ここ数日、ナレッジをお休みしていたので申し訳ありません。

#16.  
2006-03-22 10:41:54

ありがとうございます。時間を見つけてやってみます。優しいんですね(w

#17.  
2006-03-24 20:09:51

画像の拡大はできました。しかーし…縦が足りないんです…ピクセルをあまりいじりすぎると縦長になって画像が変になるので、 …続く

#18.  
2006-03-24 20:10:47

切れている部分を埋める処置(画像のもうひとつ後ろにバックグラウンドの色を指定するなど)できないのでしょうか…?また、今はアップロードした画像のもうひとつバックは「桜」にしているのですが、  …続く

#19.  
2006-03-24 20:11:01

右寄りのバナーなので、初期設定されているような両脇にバナーやリンクなどが付いているものにできますか?

#20.  
2006-03-24 20:13:59
#21.  
2006-03-24 21:10:53

ごめんなさい。引き続き作業してましたが、3カラムの桜の画像を選択後、覆い被せるようにアップロードした画像を載せ、バナーなどは両脇に来ましたが、もっと端に右寄せ、左寄せできますか真ん中過ぎで。。。

#22.  
2006-03-27 09:17:00

それと、blog作成時のPCはWindowsで作ってるのですが、いまコメントしてるのはI macですがmacで自分のblogをみると、画像のサイズがPCの画面に合ってません。どのPCで見ても全体像が見えるように出来ないでしょうか。。。?

トラックバック(2)

トラックバックURL: