シャレオツなサイトデザインシリーズです。
デザインは奥が深いのでやってて楽しいです。

今回は見出しを変更してみました。

 

元々の見出し

 


※クリックすると拡大します。

記事のタイトルとなる「骨」の部分にしてはインパクトが弱めです。

 

新しい見出し

 


※クリックすると拡大します。

元々のものよりは目立つようになりました。

変更ポイントですが・・・

1.太字に変更
2.見出しの前にフォルダアイコンを設定(単純に使いたかったというのもありますw)

簡単に2点です。
結構満足しています。

 

参考にしたサイト

 

昨日の記事の延長線上でかちびとさんからなのですが、

イラストやWeb制作に使えるフリー素材を紹介 | 9search
デザイン素材.com 【無料Web素材・イラストアイコン・ライセンスフリー・商用利用可】

この流れ。
アイコンはデザイン素材.com様でいただきました。

あとCSSの背景設定

CSS(スタイルシート) 背景

基本ですが、重要。

この2つを組み合わせてtext-indentで見出しを少しずらした、という感じです。
デザイン楽しいです。

コメントをどうぞ

CAPTCHA