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"> 項目1 </div>
<div class="gcblog_list_content"> 説明 </div>
<br clear="all" />
<hr noshade="noshade" class="gcblog_list_hr" />
<div class="gcblog_list_number"> 項目2 </div>
<div class="gcblog_list_content"> 説明 </div>
<br clear="all">
<hr noshade="noshade" class="gcblog_list_hr" />
<div class="gcblog_list_number"> 項目3 </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;
}

コメントする