コンテンツへスキップ

サイドバーの見出し変更

基本的なテーマができたので、カスタマイズを開始しました。

まず、サイドバーの見出しにバナー(自作)を付けました。

つぎに、サイドバーの項目(箇条書き)の、先頭にイメージファイルを設定しました。

スタイルシートの中は次のようになりました。

ローカルでテストして、結果を試してからスタイルシートをそっくりWebサイトに転送しています。
Webサイトでもテーマの編集は可能ですが、CSSで書いたものをすぐに確認できるという意味では、ローカルサイトがやりやすいです。

div#sidebar h2{
	font-size: 0.75em;
	color: #666666;
	padding-bottom: 8px;
	background-image: url(./images/titlebar.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left:25px;
	padding-top: 4px;
}

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です