草鹿

site name

information
main contents
diary
bookmark

what's new?
2/21 book+1

joinrank rank rank
12345

素材はphantom様よりお借りしました。（item→loving rabbit）

説明
＜div class="yohaku"＞で囲むと背景にパンジーが表示されます。
うさぎなので配色はにんじんをイメージしてみました。

カラーコード■■■
背景色、文字色、リンク色はHEAD内に指定してあるので変更される場合はHEADを書き換えてください。

HEAD

/*ページ全体の設定*/
body{ 
font-size:12px;
font-family: Palatino Linotype,メイリオ , sans-serif;
 /*うさぎの背景*/
background-image:url(うさぎ素材url);
background-repeat:no-repeat;
background-position:95% 0% ;
 /*背景色*/
background-color:#FFE4B5;
 /*文字色*/
color: #6aa89d; }

/*リンク色*/
a:link {
color: #ffa07a; 
background-color:#ffddbb;}
 /*訪問済みリンク色*/
a:visited { color: #ffa07a; }
 /*オンマウス時のリンク色*/
a:hover {
color: #9f6c31; }
a{text-decoration:none;}

/*トップページの余白、パンジー背景画像*/
.yohaku{
font-size:13px;
line-height: 1.5;
padding:20px;
letter-spacing: 1mm;
background-image:url(パンジー素材url);
background-repeat:no-repeat;
background-position:95% 40% ;}

/*ブログ、子ページの設定*/
.yohaku2{
line-height:170%;
padding:8%;
letter-spacing:2px;
color: #c49a6a;}

.time{
font-family: Georgia;
text-align:right;
letter-spacing:3px;
color: #ffa07a;}

/*文字位置、文字色変更系*/
.purple{ 
font-family: メイリオ;
color: #d8bfd8;}
.center{ 
text-align:center;}

/*戻るリンクの設定*/
.back{ 
text-align:center;}

.back a{
color: #d8bfd8;
background-color:#FFE4B5;}

.back a:hover {
color: #9f6c31; }

--></style>

全体レイアウト

bykusaka