2017年6月
        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  

過去の記事

« スタイルシート:入手&アップロード編 | トップページ | 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楽:落陽のパレルモ »