エントリー

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="https://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;
      }
      を追加します。

ページ移動

関連エントリー

コメント

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

コメント登録

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

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

ユーティリティ

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