2004年12月07日

バナーを画像にする

こんばんは。
かなり久しぶりの更新になってしましました(>_<)

今回はブログのバナー(タイトルの部分)に画像を入れようと思います。
テンプレート管理のブログロゴっていうやつでできるのかもしれないんですが、
よくわからなかったのでCSSでやりました(^^;

方法は
1.ファイルマネージャに表示したい画像をアップロードしておき、
2.#banner{}の中に
background-image:url(バナー画像のURL);
という一文を入れるだけです。(「()」も書いてください)
バナー画像のURLはファイルマネージャ画面で
HTML:クリップボードにコピー」をクリックすればOKです。
訂正
うっかりしてました。ごめんなさい。
HTML:クリップボードにコピー」をクリックして(バナー画像のURL)部分に貼り付けたあと邪魔な部分をとらなくてはいけません。
具体的には
「<img src="http://xxx.seesaa.net/image/yyy.jpg" alt="画像の名前" width="数字" height="数字">
となっているうちの「<img src="」と「" alt="画像の名前" width="数字" height="数字">」です。「http://〜.jpg」だけ残してください。
2004/12/09



すると

変更7・バナーに画像を表示しました

こうなります。


同じ要領でコンテンツの説明部分(「カレンダー」とか「新着記事」とか)
の部分にも表示で切るんじゃないかと思いますがまだ確かめてません。
確認したら追記しようとおもいます。


今回はこれだけです。お付き合いありがとうございました!
タグ:CSS
posted by 四葉屋 at 01:41| Comment(0) | TrackBack(0) | CSSいじり | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/1216315

この記事へのトラックバック

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

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