2004年08月11日

ダイエット機能追加によるスタイルシートの変更について

本日、新しくダイエット機能が追加されました。
そこで、今回は記事欄に表示されるダイエット・ログの構成を作ってみました。

■ダイエットログの構成について
text
diet-container
diet-content
目標体重:??kg
目標までの残り:??kg
[ダイエットグラフ表示]
diet
diet-title
一回目測定
diet-content 体重
体脂肪率
BMI

diet-title
二回目測定
diet-content 体重
体脂肪率
BMI

diet-content
目標体重:??kg
目標までの残り:??kg
[ダイエットグラフ表示]
diet-foods
食事
food-title
朝食
food-content
朝食の内容
food-title
昼食
food-content
昼食の内容
food-title
夕食
food-content
夕食の内容
food-title
おやつ
food-content
おやつの内容
■8月11日以前にブログを作成された方へ
機能追加以前(8月11日以前)にブログを作成された方は、スタイルシートにダイエットログ用の記述が入っていないため、ここのような表示ができません。
その場合、このサンプルページと同じ表示を行う場合は、
・以下の記述をスタイルシートに設定する。
#diet-container{
border:1px solid #999;
padding:5px;
margin-bottom:5px;
}
.diet-title{
background-color:#333333;
padding:2px 10px 2px 5px;
font-size:12px;
color:#FFFFFF;
background-image:url(http://blog.seesaa.jp/img/diet/right_bt.gif);
background-position:right;
background-repeat:no-repeat;
width:90px;
margin-top:5px;
}
.diet-content{
padding-left:10px;font-size:12px;
}
#diet-foods{
padding-left:10px;font-size:12px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;

}
・テンプレート管理でスタイルシートの変更を行う
テンプレート管理中にあるスタイルシートの設定画面で(テンプレート名)を初期値に戻す
のどちらかを行ってください。

よろしくお願いします。
posted by スタッフ2号 at 17:13| 沖縄 ☁| Comment(12) | TrackBack(30) | スタイルシート | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。