AN(tcd014)の記事本文で使うリストマークをカスタマイズする
AN(tcd014)の記事内で使われるリストマークは、左サイドバーで使われるものと同じ、グレーの点の画像です。
このリストマークを変更する方法を紹介します。
カスタマイズをする場合の注意
必ずバックアップを取って自己責任でお願いします。もし何らかのトラブル等がおこっても、私は一切の責任を負えませんのでご了承ください。
必ずバックアップを取って自己責任でお願いします。もし何らかのトラブル等がおこっても、私は一切の責任を負えませんのでご了承ください。
変更する箇所は、style.css の /* list */ の部分です。
.post ul li に指定されている background の画像をお好きな画像に変更してください。
変更前
/* list */
.post li, .post dt, .post dd { margin:0; line-height:200%; }
.post ul li { background:url(img/common/bullet1.gif) no-repeat left 11px; padding:0 0 0 9px; }
.post ul ul, .post ol ol { margin:0 0 0 1em; }
変更前のリストマーク
- 変更前のリストマーク
- bullet1.gifという画像
- とってもシンプル
変更後のリストマーク
- 変更後のリストマーク
- 自分でアップロードした画像
- お花のような星みたいなやつにしてみた
画像のサイズや文字サイズに合わせて、位置を調整してくださいね。
関連記事
コメント
- トラックバックは利用できません。
- コメント (0)
この記事へのコメントはありません。