top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_1073

サイトマップ頁:久しぶりに、ブログ構成に少しカスタマイズ。サイトマップとして利用している archives.html に手を加える ・・・ 【FC2ブログカスタマイズ】

 2009-08-28
 最近、
 ・展開しているタグクラウド に
  コメントをいただき、特定頁だけにタグクラウド
  静的に表示させることを気づかせていただいた。
  ・タグクラウド:用意していたタグクラウドは実に無駄が多いものだった。秀逸なコメントを参考にさせていただいて、さぁ創り直し ・・・ 【FC2ブログカスタマイズ】

 このコメントに触発され・・・


 随分、このブログ「創るmetaboy」の構成には手を付けていなかったけど
 これを機会に前から気になっていた「サイトマップ」頁にも
 少々手を入れる。(些細なことですが・・・)


  追記に ▼


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


more

************************************************
◎ 「サイトマップ」頁に少々手を入れる:FC2ブログカスタマイズ
************************************************


 ■目的 は
  そう、 スペースを広げて、長いタイトルでも
  見易くすること。


 ■サイトマップ 頁は
  ・FC2ブログでは、archives.html として
   表示される特別な頁を利用している。


  今まで単純に


  □テンプレートの中で、
<!--titlelist_area--><!--/titlelist_area-->
 として区別される部分に
   ・<!--category--><!--category--> と
   ・<!--titlelist--><!--titlelist--> を利用して
   生成させていた。

  これはこれでいいのだが、
  「私のタイトルの付け方が長いので、
   狭い、メインボディ内に表示されていて、
   とても、見にくかった」
   狭い、メインボディ内に表示されていてとても、見にくかった


  □カスタマイズ


   ・archives.html の特定は
<!--titlelist_area--><!--/titlelist_area-->
 で、できるわけだが
    その否定形(archives.html ではない)は
<!--not_titlelist_area--><!--/not_titlelist_area-->
 として利用できるわけだ。
    これを利用する。

   ・テンプレートで


    右のカラムを表現している
<!--▼右サイド▼-->
<div id="right">
・・・・・
</div>
<!--/右サイド-->
 の部分を
<!--▼サイトマップ以外▼-->
<!--not_titlelist_area-->
・・・・・
<!--/not_titlelist_area-->
<!--▲サイトマップ以外▲-->
 で囲み
    サイトマップ(archives.html)では表示されないようにする。
   サイトマップ(archives.html)では表示されないようにする
    サイトマップ(archives.html)で、右カラムの表示が消えた。

   ・次に中央部のボディ部分のdivボックスである


<div id="main">
 に注目し
    ここを
<!--titlelist_area-->
<div id="main_titlelist">
<!--/titlelist_area-->
<!--not_titlelist_area-->
<div id="main">
<!--/not_titlelist_area-->
 と、改造。

   ・さらに。左カラムと中央カラムの幅を設定するために


    それを含んだ部分
<!--▼メイン+左サイド▼-->
<!--titlelist_area-->
<div id="box2_titlelist">
<!--/titlelist_area-->
<!--not_titlelist_area-->
<div id="box2">
<!--/not_titlelist_area-->
 として、

   ・CSS


#box2_titlelist {
width: 985px;
margin: 0px;
padding: 0px;
line-height: 100%;
text-align: left;
float : left;
}
#main_titlelist {
float : right;
width : 765px;
overflow: hidden;
}
 を用意。

 ■確認
  さてさて・・・
   狭い、メインボディ内に表示されていてとても、見にくかった
  おぉ、少しは見易くなった・・・ようだ。

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/1073-1377299e
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。