2004年08月16日

ダイエット・ログのスタイルシートについて

ダイエット・ログをお使いの方のブログで、記事中の「一回目測定」「二回目測定」の画像がズレて表示されることがあります。
その際は、ご利用になっているスタイルシート中「.blog」の箇所に「font-size:12px;」を追加してください。

なお、上記修正を加えた場合、サイドに表示するコンテンツと文字サイズが異なってしまう場合がございます。
その際は、
.sidetitle
.side
.calendarhead
.calendarday
等のフォントサイズも合わせて修正を行って頂きますよう、お願い致します。

また、スタイルシートの変更を行った場合、以前の状態に戻すことが出来ませんので、変更する際にはご注意下さい。

posted by スタッフ2号 at 21:12| 沖縄 ☔| Comment(23) | TrackBack(129) | スタイルシート | このブログの読者になる | 更新情報をチェックする

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年以上新しい記事の投稿がないブログに表示されております。