無料テンプレートCocoonスキン カCalm(カーム)の目次

無料テンプレートCocoonスキン カームの目次 目次

Cocoonスキン Calm(カーム)の目次です。

Calm(カーム)の目次

目次の枠はレクタングル(borderの囲み)を3つ重ねて、ちょっと芸術的(?)にしたつもり。

本を開いているイメージにしたつもりですが、やっぱり見えない?^^

目次の大きさを調整

目次は見出しが短いとコンパクトになりすぎて、ちょっと不格好になるので最低でもある程度の幅になるように、min-width60%を指定。

逆にスマホなどではカラム幅目いっぱいに目次の枠が表示されて窮屈なので、max-width90%を指定し、左右の隙間を確保。

コメント

タイトルとURLをコピーしました