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いじり | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


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

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