ユーティリティ

2019年12月

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

エントリー

freoのメニューをタイトルより上にする

  1. templates/header.html を次のように編集(赤字を追加)します。
    <body>
    <div id="container">
      <div id="top">
        <div id="header">
          <h1><a href="{$freo.core.http_file}">{$freo.config.basis.title}</a></h1>
          <p>{$freo.config.basis.description}</p>
        </div>
        <div id="menu">
          <h2>メニュー</h2>
          <ul>
            <li><a href="{$freo.core.http_file}">トップページ</a></li>
            <li><a href="{$freo.core.https_file}/login">ログイン</a></li>
          </ul>
        </div>
      </div>
      <div id="main">←一番最後の行
  2. templates/footer.html を次のように編集(赤字を追加)します。
      </div>←一番最初の行
      <div id="footer">
        <address>Created by <a href="http://freo.jp/">freo</a>.</address>
      </div>
    </div>
    </body>
  3. css/default.css を次のように編集します。
    • ヘッダー ⇒ div#header の前に
      div#top {
        margin:0px;
        padding:0px 0px 0px 0px;
      }

      を追加します。

      div#header {

      clear: both;

      の部分を、

      float:left;

      にします。

      div#header h1 { に、

      padding:32px 0px 0px 0px;
      を追加します。
    • メニュー ⇒ div#menu {
      float:right;
      を追加します。
    • 内容 ⇒ div#content の前に
      div#main {
        clear: both;
        width:760px;
      }
      を追加します。

ページ移動

関連エントリー

コメント

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

コメント登録

  • コメントを入力してください。
  • 一旦登録したコメントは、あとで編集できませんのでご注意下さい。
登録フォーム
名前
メールアドレス
URL
コメント(コメント本文の装飾について
閲覧制限
※基本的には「全体に公開」されますが、内容によっては管理人の方で公開を制限する場合がございますので、その旨ご了承下さい。
freoをひらがな3文字で入力してください(スパム対策)