2009年2月 6日

トップページの修正

トップページを修正しましたので、かなり以前のブログの外観に近づいてきました。
作業内容は、以前の投稿「トップページの修正」(タイトルまで同じ!)と「新着記事一覧の掲載」に書かれていることとほぼ同じです。
ただ、新着情報の部分("news"と名前を付けてあります)については、マージンやテキストに関して若干の調整が必要になったので、「スタイルシート(オリジナル)」に以下の指定を追加しました。
#news ul{
      margin-left: 15px;
}
#news li{
      margin-bottom: 10px;
      font-size: 75%;
      color: #333;
}

あと、「ページの先頭に戻る」ボタンを各ページの下の方に設置しました。
これについては、以前の記事「ページのトップに戻ること」「「先頭に戻る」の画像化など」がありますが、ボタンを表示させるためのコードは同じものの、追加したテンプレートは「フッタ」1つではなく、以下の6つのテンプレートとしました。
  • メインページ(index.html)
  • ブログページ(brog.html)
  • ウェブページ
  • ブログ記事
  • ブログ記事リスト
  • 検索結果

「フッタ」テンプレートの内容が変わったので、レイアウトの都合上、少し煩雑でしたが、上記の各テンプレートにコピー、ペーストすることになりました。
ブログの復元でまだ残っているのがナビゲーション(メニュー)の部分です。
今のところ、左サイドバーのカレンダーのすぐ下に「Links(Menu)」という形で表示されていますが、やはりメニューらしくしたいと考えています。

コメントする

ページの先頭に戻る