« 平成十八年度新歓ライブ | トップページ | 後藤日記2006年5月 »

[応用]設定済みCSSの説明

見た目をいい感じにするために、CSSを使っています。「デザイン」→「現在のテンプレートを編集」→「テーマとレイアウト」→「カスタムCSSを編集」で出てくる画面で設定します。

以下、設定済みのCSSの説明です。設定を変更する際の参考にどうぞ。

.module-header{
  background-color : #FFCC66;
}

Saikinkijibacknumber四角で囲まれた中の背景(1)を薄い茶色で塗りつぶすよう設定

 

.module-header A:link { color: #800000 ;}
.module-header A:visited { color: #800000 ;}
.module-header A:hover { color: #CC6600 ;}

「バックナンバー」(2)はタイトルそのものにリンクがはらているので、背景の薄い茶色と調和するようにリンク文字の色を設定

H3{
  color : white;
  background-color : #FF6633;
}

Moduletop記事のタイトル文字(3)を白に、背景にオレンジ色の帯を敷くように設定

#comment-text textarea, #comment-text-field textarea{
width: 350px;
}

コメント投稿欄の幅を350ピクセルに設定

#banner{
  padding-top: 8px;
  padding-left: 160px;
  padding-right: 5px;
  line-height:  120%;
}

Bannerteachホームページのタイトルや解説の表示(4)が、バナー画像のちょうどいい位置にくるように設定

.typelist-note-label{
  font-weight: bold;
}

Texttitleteach「東大落研について」(5)などマイリストのタイトルを太字にする設定

.boke{
  color: #FF0000;
  font-size: large;
  font-weight: bold;
}

平成十二年度新春東大大喜利のボケを赤太字にする設定
他のページでも<span class="boke">を設定してあげるた文字は赤太字になります。

.notes{
  font-size: small;
  line-height: 140%;
}

「小さな文字で控えめに掲載」を参照

.adsense{
  font-size: small;
  line-height: 125%;
}

自動的に入るGoogleの宣伝の文字の大きさや行間の設定

初代 記

|

« 平成十八年度新歓ライブ | トップページ | 後藤日記2006年5月 »