こんにちは。
あれだけ苦労したブログのカスタマイズ
もある程度見れるようにはなりました(^^) あれこれ弄りましたが、今日は少し紹介します
いくつかありますが、最初にカスタムしたのはヘッダー下の『ナビ』です。色々ある中で、見た目をシンプルにしようと思いこちらをチョイス
お世話になったのはアメブロカスタマイズ辞典 さん
記事リンクはこちら⇒新テンプレートでのナビゲーション設置
簡単に説明すると、
コードを順番にフリープラグインにコピペ
好きなカラーのCSSを選びコピペ以上
とっても簡単デス。私は少し手を入れ、グラデーションをなくし、バーの下の影を薄くしました。
background: ◯◯◯ -gradient ←関連６行を削除
後はリンク（a:hover）の色を変更。
#navi li a:hover {
text-decoration:none;
background:#999999; ←カラーコード変更
color:#ffffff; ←カラーコード変更
}
追加したのは文字スタイル。
text-shadow: 1px 1px 0px #ffffff, 2px 2px 0px #cccccc; ←#naviに追加
文字に影が付きます。
CSS Lectureさんのサイト『CSS3 text-shadow box-shadow の使い方』を参考にしました。
⇒詳しくはこちら
ほぼコピペで出来ます。文字に影をつけるのは色々使えますよ
私は他にも記事タイトルなどに使いました。簡単ですのでブログを目立たせてみましょう