gcblogRankingTemplate V0.01

http://qualia.gcblog.net/2008/11/post-37.php
ここに書いたような
ランキング形式のフォーマットです。

現在のところべたうちとなりますけど、下記を貼り付けて使ってみてください。

-------------------------------------

<div class="gcblog_list_main">
  <div class="gcblog_list_title">タイトル</div>

  <div class="gcblog_list_number"> 項目１ </div>
  <div class="gcblog_list_content"> 説明 </div>
  <br clear="all" />
  <hr noshade="noshade" class="gcblog_list_hr" />
  <div class="gcblog_list_number"> 項目２ </div>
  <div class="gcblog_list_content"> 説明 </div>
  <br clear="all">
  <hr noshade="noshade" class="gcblog_list_hr" />
  <div class="gcblog_list_number"> 項目３ </div>
  <div class="gcblog_list_content"> 説明 </div>
  <br clear="all">
  <hr noshade="noshade" class="gcblog_list_hr" />
</div>

テンプレートの
「スタイルシート styles.css」
ここに最下行へ追加。

----------------------------------------------------------------
.gcblog_list_main {
 width: 480px;
 background-color: #EFEFEF;

}
.gcblog_list_title{
 background-color: #B8DDED;
 margin-top: 1px;
 margin-right: 0px;
 margin-bottom: 1px;
 margin-left: 0px;
 padding-top: 2px;
 padding-right: 5px;
 padding-bottom: 2px;
 padding-left: 5px;
 font-size: small;
}
.gcblog_list_number {
 width: 150px;
 float: left;
 padding: 1px;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
 margin-left: 3px;
 font-size: small;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
.gcblog_list_content {
 width: 300px;
 float: left;
 padding: 1px;
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 0px;
 margin-left: 3px;
 font-size: x-small;
}
.gcblog_list_hr{
 height: 1px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 clear: both;
 color: #000000;
 background-color: #666666;
 padding: 0px;
 margin-top: 2px;
 margin-right: 0px;
 margin-bottom: 2px;
 margin-left: 0px;
}