パソコン初心者日記

Simplicityのフッターの色も変更

Simplicityのスキン(グローバルメニューバー)の色とサイドバーの色や見出しの色など全て統一した色で変更してきましたがフッターの色が変更されていなかったので変えてみました。

記事に書いた時と色やデザインも変わっていますが、それぞれでカスタマイズしてください。

スポンサードリンク
スポンサードリンク

フッターの色変更

元々のスタイルシートから変更箇所をコピーして来てメモ帳に貼りつけそこで変更して再度コピーして子テーマに貼り付けます。

元々はこんな感じ

/************************************
** フッター(footer)
************************************/
#footer {
clear: both;
background-color: #555;
color: #fff;
padding: 5px;
}

これをコピーしてメモ帳などにペーストして加工した物を子テーマに貼り付けます。

今回はbackground-color: #555;の部分をbackground-color: #6896e1;に変えただけです。

/************************************
** フッター(footer)
************************************/
#footer {
clear: both;
background-color: #6896e1;
color: #fff;
padding: 5px;
}

これをコピーして子テーマに貼り付けて完成ですがトップに戻るアイコンがありますがフッターと重なったりして分からなくなったりして困り横のブラウザのスクロールバーの色と同じだから変更はしませんでした。

変えたい方は親のスタイルシートにカタカナで書いていますのでそれをコピーしてメモ帳などにペーストして変更が終わったら再びコピーして子テーマに貼り付けます。

線の種類

▼ border-top:1px solid #000000 = 文字の上に線が入る
▼ border-bottom:1px solid #000000 = 文字の下に線が入る
▼ border-right:1px solid #000000 = 文字の右に線が入る
▼ border-left:1px solid #000000 = 文字の左に線が入る
▼ border-top:3px double #000000 = 2重線は3pxから
▼ background-color: #000000 = 文字の背景の色
これはトップだけしか載せていませんが上の4つを参考にしてください。

色は全て黒に統一しています。px数は太さが変わりますので色々と試されるのが良いかと思います。

他にも点線とか絵など色々あるので変更してください。

2015年3月29日現在のスタイルシート一覧はこちら

モバイルバージョンを終了