スポンサードリンク

2006年04月23日

ブログのTOPページに画像を貼り付けてみましょう


スポンサードリンク
ブログタイトルに画像を貼り付けてみる

ブログのTOPページに画像を貼り付けてみましょう


カスタマイズする領域は
タイトルの部分ですので

#banner

の場所です。

seesaa blog.jpg


まず。。。

seesaa blog の

「マイ・ブログ」から編集するブログを選択

「デザイン」 ⇒ 「スタイルシート」

編集するタイトル を クリック
例)シンプルホワイト・・・などなど


そうして
#banner の部分を探します。


#banner{ } 内の文章に

background-image:url(画像のあるURLを入れてください);
background-repeat:no-repeat;
background-position: 100% 0%;


の3行を追加すれば、
画像をタイトルに設置することができます。


これで、あなたは、ブログのタイトルの部分に
画像が反映されている場所は理解できました。



まだ、画像が反映されていない場合、
seesaaブログで、画像をアップできますので、

まず、画像をseesaaへ送ってみましょう。

「マイ・ブログ」から編集するブログを選択

「記事」 ⇒ 「記事投稿 」

通常記事を書く場所の下の
「 ファイルマネージャ 」 をクリックして画像データをアップできます。

そのファイルの場所は
 「 HTML 」をクリックすると確認できます。

例)http://seesaablog-test.seesaa.net/image/top.jpg

こんな感じで、画像をアップした場所を確認できます。。。



なので、
(画像のあるURLを入れてください) の部分にURLを入れておきます。

background-image:url(http://seesaablog-test.seesaa.net/image/top.jpg);
background-repeat:no-repeat;
background-position: 100% 0%;



#banner{ } 内に、
この上記、太字の3行を追加してください。


#banner{
font-family:arial, Helvetica;
color:#69C;
margin:0px;
width:805px;
padding:10px;
border-bottom:2px dotted #666;
background-image:url(http://seesaablog-test.seesaa.net/image/top.jpg);
background-repeat:no-repeat;
background-position: 100% 0%;

}




ブログの再構築は、忘れずに。。。。

この記事へのコメント
はじめましてで
ありがとうございます!

画像を貼り付けることができました。
うれしー(~_~)

お世話になりました。
Posted by 水晶まる at 2007年12月01日 12:42
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL
http://blog.seesaa.jp/tb/16930014

画像が張り付いた!
Excerpt: TOPページに画像を貼り付ける。
Weblog: 失業生活をワクワク、楽しもう♪
Tracked: 2007-12-01 13:03
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。