アメリカンショートヘアーとペルシャ猫のブログ→http://cat.offstyle.jp/に引っ越しました。

スタイルシートの編集 その2 タイトル部分

1134045977816970.jpg「スタイルシートの編集 その1」では基本となる部分のみを取り上げたので、「その2」はタイトル部分を。


 


====================


<BR>.title {<BR> font-size: 24px;<BR> font-weight: bolder;<BR> color: #000000;<BR> padding: 60px 0px 0px 20px;<BR>}


 


タイトル部分(ここでは「1日1枚アメショーの写真」)の文字の大きさ、太さ、色などを指定。


<BR>.title a:link {<BR> color: #000000;<BR> text-decoration: none;<BR>}


 


タイトル部分は基本的にリンクされているので、リンク色の指定。上と同じ色にしておけば問題ないでしょう。


<BR>.title a:visited {<BR> color: #000000;<BR>}


 


訪問済みのリンク色の指定。


<BR>.title a:hover,a:active{<BR> color: #cc0000;<BR> text-decoration: underline;<BR> background: none;<BR>}


 


タイトル部分にポインタをかざした時のリンク色の指定。


 


.subtitle {<BR> font-size: 12px;<BR> color:#000000;<BR> font-weight: bold;<BR> padding: 5px 0px 0px 20px;<BR>}


 


タイトル下のサブタイトルの文字の大きさ、色、太さの指定。


 


.richtextbox p {<BR> margin:0px;<BR>}


 


省略 (-_-;)


 


.frame {<BR> border-top: #000000 0px solid;<BR> border-right: #333333 1px solid;<BR> border-left: #333333 1px solid;<BR> background-color: #000000;<BR>}


 


タイトル部分や記事部分を囲む一番大きな枠の背景色と枠線の色を指定。


 


.head {<BR> background-color:#000000;<BR>}


 


タイトル部分の背景色の指定。ここの色とタイトル色を一緒に考えないとタイトルが見えなくなってしまいます(涙)


 


.head {<BR> background-color:#000000;<BR>background-image: url("../_img/head.jpg");<BR>height:120px;<BR>}


 


ここでは、上記のように追加すると、オリジナルの画像を背景に設定できます。 


 


.foot {<BR>}


 


省略 (-_-;)


 


====================


 


というわけで、ここまででタイトル部分と大枠部分の色指定ができます。


 


−−−−−−−−−−−−−−−−−−


1日1枚アメショーの写真


アメリカンショートヘアーの「タム」と「クー」


−−−−−−−−−−−−−−−−−−

スポンサード リンク
この記事へのトラックバックURL
http://cat.pelogoo.com/tam_qoo/rtb.php?no=1134025256237426


◇ 返信フォーム


名前 :   情報を保存する
メール : 
URL : 
題名 : 

内容 : 



PROFILE
● タム

シルバータビーのオス。2003年3月23日生まれ

● クー

ブラウンタビーのメス。2004年7月20日生まれ

● ななか

たまに登場。バレンタインデー生まれの女の子  

● ななか・タム・クーのママ

まれに登場。そろそろバイクに乗りたい

● へな


ホームページ
RECENT
RECENT COMMENTS
RECENT TRACKBACK
ARCHIVES
CATEGORY
LINK
MYALBUM
PR


2010年11月
-
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
-
-
-
-