知識、知恵のカタマリ

[PR]朝ボルヴィック体験者の声

[PR] PCで実機パチ&スロ71機種以上が打ち放題!777タウン.net!
[PR] 

解決済

最上部のメインタイトルのある背景画像は画像をアップロードして変えられると聞いたのですが、具体的に何をすればいいのか分かりません(´・c_・` )・・

最上部のメインタイトルのある背景画像は画像をアップロードして変えられると聞いたのですが、何かURLみたいなのを
#banner{
background:#CC9966;

backgroundのあとに追加するのは分かるのですが、そのURLを作成するには具体的に何をすればいいのでしょうか?
また画像のサイズは同じものを用意したほうがいいでしょうか?(´・c_・` )・・
よく、URLの最後に→ no-repeat 50% 0; のようなものがついていますが、これはどういう意味でしょうか?

デザインはシンプルのZen Styleを使用しています。

自分のブログ↓



分かりにくい質問ですいません...まだ初心者で、もしよろしければ詳しく教えていただけますと助かります(^ω^*))
よろしくお願いしますm(_ _)m

2007-04-30 18:47の質問
デザイン  画像  アップロード  スタイルシート  初心者  URL  GIF  
デザイン
デザイン の情報はこちらです
www.span.ne.jp
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(1)

2.

2007-05-01 03:45:01ベスト
#banner{
background:url(http://parts.blog.livedoor.jp/img/usr/zen_style/title_bg2.gif) repeat-x;
border-bottom:8px solid #bfe09d;
margin:0 auto;
text-align:center;
clear:both; }
元のデザインはこれでしたね。
http://parts.blog.livedoor.jp/img/usr/zen_style/ti...
の画像を repeat 繰り返し -x 横方向 -y 縦方向
グラデーションにしたいのは、こんな感じのものを作らなければならないので既存のデザインでないと難しそうです。

#banner,#subbanner{
background:url('http://image.blog.livedoor.com/img/usr/20040722/animal_title04.gif') no-repeat;
width:760px;
height:134px; }

http://image.blog.livedoor.com/img/usr/20040722/an...
のような1枚絵の画像なら横幅と高さを調整できるので簡単です。
no-repeat は繰返さない。

%は画像の位置です。
真中上 50% 0%
左上  0% 0%
左下  0% 100%
右上  100% 0%
右下  100% 100%

アップロードした画像は
http://cms.blog.livedoor.com/cms/attachment/
管理ページトップ→ファイルのアップロード
でタイトルをクリックすると画像のURLがアドレスバーに表示されます。
おしりの ?blog_id=数字 はいりません。
自分で作った画像のURLをbackground:urlと差し替えれば完了です。

松坂大好様、ご返答が遅くなり申し訳ありません..<(_ _)>
このたびは大変分かりやすく丁寧にお答え下さって本当に有難う御座いましたo(*^▽^*)o 
おかげさまで無事解決しました。

Ads By Google

コメント(1)

2007-05-03 11:32:27

livedoor PICS image

タイトルの部分
repeat-y-x
は、ただの
repeat
にすると横にも下にもリピートします。

トラックバック

トラックバックURL: