忍者ブログ
other side of psychokinesis_telepathy
« 2024.05. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 »
[14]  [13]  [12]  [11]  [10]  [9]  [8]  [7]  [6]  [5]  [4
RSS表示パーツ

[PR] #
12,May,2024 Sunday - 20:27 # |
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

配置、フォントサイズの変更 #
15,Dec,2006 Friday - 11:40 # |
あまりにも不恰好なので、今後のカスタマイズの準備として配置、フォントサイズ等を変更します。

管理画面

管理画面の設定

[テンプレート作成/編集]の方式でテンプレートメーカ使用を選択

テンプレート作成/編集

これで、一気に変更する準備完了です。

まず、テンプレート作成/編集画面の上部にある"文字設定"をクリック。

これで全ブロックの文字設定だけが表示されます。
ここで、全フォントを12pxに設定。
12pxが一番読み易いのではないでしょうか?
大きからず、小さからずは12pxだと考えます。

次に、BODYの項目でフォントタイプを等幅にして、リンク用装飾をとります。
等幅フォントは改行を含む編集(文字絵や地図など)もしやすいですし、ブロックの幅等の設定もしやすいので、この設定が王道でしょう。
リンク用装飾は個人的に邪魔な感じがするし、デザイン的にちょっと。。。

そして、ブログ全体の幅ですが、通常は750~800pxかと思います。
忍者ブログはデフォルトで770px。
個人的に使い慣れている800pxに設定します。

スタイルシートの以下の部分を変更します。

/*全体の設定*/
#mainBlock {
width:800px;
text-align: center;
margin-right:auto;
margin-left:auto;
}

#TopBlock {
width:800px;
height: 200px;
text-align: left;
}

#EntryBlock {
width: 580px; ※1
float:right;
text-align: left;
}


※1・・・プラグインの幅が220pxに設定されているので、残りの幅を記事のブロックに振り分ける
PR
この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
« ブロックの色分け  HOME  ブログ全体をセンタリング »
今週の重賞・競馬場の天気


Recent Trackbacks
    Recent Comments
    QRcode
    Seach this site
    忍者ブログ [PR]