大好きな彼に宛てるラブレター

2004年06月
« 前の月    |    次の月 »
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
NewComment
プロフィール
  • プロフィール画像
  • アイコン画像 ニックネーム:marin0219
読者になる
Yapme!一覧
読者になる
« おやすみなさい・・・(‐‐).。oO | Main | あの頃は・・・そうだった。 »
タイトルを画像に(・∀・)イイネ!! / 2004年06月23日(水)
スタイルシートを改造して、タイトルを画像にしてみました。

.blog_title { font-size:large; font-weight: bold;
   color:#999; letter-spacing:1px; }

通常のタイトルは↑のようになってます。

取り合えず、変にいじっておかしくならないように、
ここは文字の色を白にして、背景と同化するようにします。
このcolor;#999っていうのが文字の色です。
これをCSS専用の3桁のカラーコードを使用して

.blog_title { font-size:large; font-weight: bold;
color:#fff; letter-spacing:1px; }

にしてみましょう。
これでプレビューすると背景と同化して見えなくなりました。
(上の説明にカラーをつかってますが、コードのカラーとはまったく違います。ご注意を。)

それから、画像をUPするわけですが、
自分のBlogのどこにでもいいですから画像をUPして下さい。
そこで右クリックをしてプロパティを開きます。
そこに、その画像のurlが出ますので、コレをコピー。

background-image:url("")}

この""の間にそのurlを入れます。

が、このままでは枠が小さ過ぎて何があるのかサッパリわかりません。
なので、その画像の幅と高さを記載します。

width:750px; height:120px;

私の場合は幅750px、高さ120pxを使用したので、上記のようにします。

さっ、プレビューで開いてみましょう。

ちゃんと変更できましたか??

変更がちゃんと出来ないなんて方、
私がわかる範囲でよければお答えしますので、コメント下さい。


Posted at 00:12 / 独りゴト / この記事のURL
コメント(0)
この記事のURL
https://yaplog.jp/marin0219/archive/19
コメントする
名前:
URL:
クッキーに保存
小文字 太字 斜体 下線 取り消し線 左寄せ 中央揃え 右寄せ テキストカラー 絵文字

コメント

P R
MouthArchive
   
Powered by yaplog!