エントリー

freoで幅可変の2カラムのスキンを作るには

  1. templates/internals/default/default.htmltemplates/internals/view/default.html を開き、下から2行目にある
    {include file='utility.html'}

    を、1行目の

    {include file='header.html'}
    の下に移動します。
  2. css/default.css のうち
    • 全体 ⇒ div#container の
      width: 760px;
      を削除します。
    • 内容 ⇒ div#content の
      float: left;

      と、

      width: 550px;

      を削除し、

      margin-right: 210px ;
      追加します(左側にユーティリティが来る場合margin-left: 210px ; にします)。
    • エントリー ⇒ div#entry div.entry の
      width: 550px;
      を削除します。
    • ユーティリティ ⇒ div#utility の
      float: left;

      の部分を、

      float: right;

      にし、

      margin-left: 10px;
      を削除します(左側にユーティリティが来る場合float: left;のままに)。
    • IE6用設定 ⇒ * html div#container の
      width: 800px;
      を削除します。

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム

基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がありますので、その旨ご了承下さい。

ユーティリティ

2024年03月

- - - - - 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 - - - - - -

キーワード検索

キーワード検索フォーム

ユーザー

  • cccのアバター

新着画像

ブログパーツ

Twitter

Twilogを見る

Feed