デザインテーマ作成(1)

fossa-hobby.hatenablog.com

続きです。

#container

  <div id="container">
    <div id="container-inner">

      <header id="blog-title" data-brand="hatenablog">
      </header>
      <!-- header -->

      <div id="content" class="hfeed">
      </div>
      <!-- #content -->

    </div>
    <!-- #container-inner -->
  </div>
  <!-- #container -->

大まかに分けると、#blog-titleと#contentが、あります。

#content

      <div id="content" class="hfeed">
        <div id="content-inner">

          <div id="wrapper">
          </div>
          <!-- #wrapper -->

          <aside id="box2">
          </aside>
          <!-- #box2 -->

        </div>
        <!-- #content-inner -->
      </div>
      <!-- #content -->

大まかに分けると、#wrapperと#box2が、あります。

#wrapper

         <div id="wrapper">

            <div id="main">
            </div>
            <!-- #main -->

            <aside id="box1">
            </aside>
            <!-- #box1 -->

          </div>
          <!-- #wrapper -->

大まかに分けると、#mainと#box1が、ありますが、#mainを掘り下げたいと思います。

今日は、ここまで。