« アップロードの容量を増やす | メイン | 綾川教室 »

2007年08月01日

タイトルカラーを赤字に変更

金庸先生がタイトルを赤字にしたいと言う思いが見えたためちょこっとCSSをいじってみました。

エントリーはindexを見てみたら「content」になっていました。タイトル部分は「h3」と表記されていたためCSSで探すと「.content h3」を発見。色指定されていたので赤字に変更してみました。
これでベースカラーは赤になるので別の色にしたい場合は個別指定すれば大丈夫かな。

.content h3 {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

上記部分の色指定を下記に変更

.content h3 {
color: #ff0000;
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}


<補足>
ちなみにCSSで指定した場合、タイトルは赤字になりますが、サイドにある最近の投稿などは別のCSSが繁栄されているため通常のリンクカラーで表記されるみたいです。というかタイトルにタグ打てるの知らなかった・・・勉強になりました。

参考までに上記の言語の意味はこんな感じです。(daisukeは素人さんなので多分こうだろうって程度です)
color: #ff0000;
・・・色指定です。この場合赤が指定されています。
font-family: Verdana, Arial, sans-serif;・・・フォント指定です。この辺はベターな組み合わせなんでしょうね。良く見ます。(参考

font-size: small;・・・字のザイズです。ピクセルとかでも表記できるみたい。

text-align: left;・・・文字の開始場所かな。この場合なら左詰めってかんじで。

font-weight: bold;・・・文字の太さです。何種類かあるそうですがboldがメジャーですかね

margin-bottom: 10px;・・・文字の四方にどれだけ余白を取るかです。この場合bottom(下方)だけが指定されているので下方に10pxの余白を取れって意味です

分からない単語はそのままぐぐったら出てくるのでその辺を読んでいくとより勉強できますね^^

投稿者 daisuke : 2007年08月01日 09:37

トラックバック

このエントリーのトラックバックURL:
http://kinyou-wushu.com/blog/mt-tb.cgi/52

コメント

コメントしてください




保存しますか?

(書式を変更するような一部のHTMLタグを使うことができます)