2017年3月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

過去の記事

« スタイルシート:入手&アップロード編 | トップページ | My楽:落陽のパレルモ »

2006年2月 4日 (土)

スタイルシート:バナーと幅の変更

昨日スタイルシートを入手することができたので、今日はトップ画像を何にしようかなぁ~とか、幅をどうしようかなぁ~なんて考えていました。

バナーに自分で作成した画像を入れる

バナーのお花は、こちらの素材サイトからです。今回は、今の雰囲気をあまりかえないように…という観点から選んでみました(^^)。ただはまったのが、自分でタイトルを画像内に入れているため、「武蔵野・菫館」が2重に出てしまうんですね。それは、ここを変えることで解決できました。

#banner-img {←このbanner-imgに入れると、タイトルが出ない。
 display: block;background: #FFFFFF
 url(http://chie.air-nifty.com/style/title_rose_150_802.jpg)
 no-repeat top center;width: 802px;height: 150px;
}

#banner {display: none;}←もともとココに記述されていた。

800の幅に戻し、コメント表示のフォントを小さくする

ここはとにかく、スタイルシートの”幅”にまつわる全ての値について再チェックし、fontをsmallからx-smallへ変更しました。

今日はここまで…。

« スタイルシート:入手&アップロード編 | トップページ | My楽:落陽のパレルモ »

ウェブログ・ココログ関連」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/113563/8506319

この記事へのトラックバック一覧です: スタイルシート:バナーと幅の変更:

« スタイルシート:入手&アップロード編 | トップページ | My楽:落陽のパレルモ »

足あと代わりに押してね♪

  •  
    匿名のまま、読んだことを知らせることができます(ボタンが押された回数のみカウントされます)。誰かは分からなくても、読んでくださったんだ~!と、とっても励みになるので、是非ぽちっと押して下さると嬉しいです。よろしくお願いします♪

    結果のグラフ例はこちら
無料ブログはココログ