では、全エントリー一覧で本文の一部を表示するにはで追記したMovableTypeのタグとCSS(スタイルシート)のパラメータの解説を。
■アーカイブページ
アーカイブページ(archives.html)に追記したMovableTypeのタグ
<div class="etbody"><p><$MTEntryBody words="100"$></p></div>
はエントリーの冒頭100文字分を表示するというものです。
文字数を変更するには
words="100"の数字を変更するだけでOKです。
因みに、words="100"を削除すると追記部分("続きを読む"以下の文)を除いたエントリーの本文がすべて表示されます。
■スタイルシート
スタイルシート(style-site.css)に追記したクラスのプロパティは以下のようになっています。
/* アーカイブ一覧の本文表示設定 */
.etbody
{
border: 1px #FFCC00 solid; ←枠線の太さ、色、線の種類
padding: 8px; ←枠線の内側の上下左右の余白
color: #575757; ←文字色
font-size: x-small; ←文字の大きさ
background-color: #FFFCF4; ←枠線の内側の背景色
margin-bottom: 20px; ←枠線の外側下の余白
margin-left: 8em; ←枠線の外側左の余白
margin-right: 20px; ←枠線の外側右の余白
margin-top: 5px; ←枠線の外側上の余白
}
例えば枠線の太さを変更したいときはborder: 1px #FFCC00 solid;の1pxの数字を変更します。
単位もpx(ピクセル)以外にpt(ポイント)、pc(パイカ)、mm(ミリメートル)、cm(センチメートル)、in(インチ)などに変更できます。
線や文字、枠線の内側の背景の色の変更は#FFCC00の値を変更します。
値はこちらのサイトから持ってくると楽です。
文字の大きさが小さすぎる場合はfont-size: x-small;のx-smallをsmallに変更すると日記タイトルの文字と同じ大きさになります。
また、margin-left: 8em;の値を調整することによって枠線の位置をタイトル文字と揃えたりできます。一応、8emにしておけば揃うと思います(ブログデザインによってはずれたりするので気になる方は微調整してください)。
何か不明な点があればコメントに書いていただければと思います。
http://www.musabi.com/knat/archives.html
卜部くんお疲れさまです！！やってみたんだけど、なんかこんな感じになってしまいました！！こちらでももう少し直してみるけど、なんかアドバイスあったらお願いします！！
投稿者 tank : 2007年03月30日 14:07
CSSの方はうまく適用されているようです。
問題はarchives.htmlの方っぽいです。
エントリー本文が表示されていないので
<$MTEntryBody words="100"$>
が抜けていないかどうかご確認ください。
うまくいかない場合はarchives.htmlをメールしてください(←ソースを見るのが一番手っ取り早いので…)。
※アドレスは
kurox001あっとまーくgmail.com
です。
では、よろしくお願いします。
投稿者 卜部 : 2007年03月30日 17:56