らんぷ村

ウィキペディア風(2カラム)用

最終更新:

lagr00

- view
メンバー限定 登録/ログイン

サンプル1

ヘッダー部デザイン

h2,h3,h4,h5,h6{
 height : 100%;
 margin : 0px;
 padding : 2px;
 font-weight : bold;
 text-indent : 10pt;
 line-height : 120%;
}
 
h2,h3,h4{
 color : mediumseagreen;
 font-size : medium;
 border-width : 1px 1px 1px 20px;
 border-style : solid;
}
 
h2{
 background-color : whitesmoke;
 border-color : gray;
}
 
h3{
 border-color : silver;
 margin-left : 20px;
 font-size : 100%;
}
 
h4{
 border-color : whitesmoke;
 margin-left : 40px;
 font-size : 90%;
}
 
h5,h6{
 color : olive;
}
 
h6{
 margin-left : 15px;
}
 

引用部ヘッダーデザイン

margin-left : 2px;はトラブル発生(下の方の左位置がずれてくる)
#body blockquote{
 margin-top : 2px;
 margin-bottom : 2px;
}
 

クラスデザイン

テーブルタイトル部デザイン

主目的はセルの幅を指定
.cT00,.cT01,.cT02,.cT03,.cT04,.cT05,.cT06,.cT07,.cT08,.cT09,.cT10,.cT12,.cT15,.cT20{
 color : green;
 text-align : center;
 font-weight : bold;
 border-bottom : 1px dashed silver;
 display : inline-block;
}
.cT01{width : 01em;}
.cT02{width : 02em;}
.cT03{width : 03em;}
.cT04{width : 04em;}
.cT05{width : 05em;}
.cT06{width : 06em;}
.cT07{width : 07em;}
.cT08{width : 08em;}
.cT09{width : 09em;}
.cT10{width : 10em;}
.cT12{width : 12em;}
.cT15{width : 15em;}
.cT20{width : 20em;}
.cT25{width : 25em;}
.cT30{width : 30em;}
 

タグ:

CSS
目安箱バナー