スポンサーサイト

見出しとリスト部分のスタイル

右メニュー部分(rmenu)の見出しとリストのスタイルを設定します。

スタイルシート部分

#rmenu h3 {
	font-size: 100%;
	font-weight: bold;
	color: #000;
        border:1px solid #999999;
	text-align : left;
	padding: 6px 0px 6px 0px; 
	background: #ffffff;
}
#rmenu ul {
	font-size: 80%;
        line-height: 160%;
	padding: 3px 0px 0px 0px; 
	margin: 0px;
}

#rmenu li {
	background: #fff;
	padding: 2px 2px 0px 4px;
	list-style-type: none;
}

HTML部分

記述なし
rmenu構造

「カテゴリ」や「新着記事」などの見出しを#rmenu h3で指定し、カテゴリ一覧や新着順記事タイトルのリンクテキストなどは#rmenu ulと#rmenu liで指定しています。また、これらの見出し、リストをrmenuで全て囲っています。

なお、「カテゴリ⇒新着記事⇒最近のコメント⇒最近のトラックバック⇒月別記事⇒プロフィール⇒コピーライト」の順に解説しますが、これらの順番は決まったものではありません。お好きな順番に並び替えて下さい。


ゼロから創るテンプレートトップ

  1. rmenu-右メニュー部分
  2. 見出しとリスト部分のスタイル
  3. カテゴリ部分
  4. 新着記事部分
  5. 月別アーカイブ部分
  6. 最近のコメント部分
  7. 最近のトラックバック部分
  8. プロフィール部分
  9. コピーライト部分
  10. rmenu(右メニュー部分)ソース

前後の記事

最近の記事

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