ブログ関連 ブログのテンプレート
冬のオリジナルテンプレート!ブログカスタマイズ方法②
前回の続きで、、テンプレートカスタマイズで
ラインとフッターのカラーの変更方法について紹介したいと思います。(⌒-⌒)ニコニコ...
てぃーだブログテンプレートの『沖縄そば [p-75]』
【Before】
【After】
ブログ全体の枠線の色やフッター部分の色を替えるだけで、
ブログの印象がかわるんですよ~!
皆さんも、チャレンジしてみては、いかがでしょうか!?
実際のブログ表示は、テスト表示用ブログの
『ブログをカスタマイズ!「ブログスタイル」』を
ご覧、下さいね~!(⌒-⌒)ニコニコ...
では、ちょっとカスタマイズ(改造)方法を紹介したいと思います!
今回は、スタイルシートのみのカスタマイズ(改造)です。
【スタイルシート】:改造前
#container{
text-align: left;
padding: 0;
width: 800px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #FDFDFB;
color: #000000;
border: #8F442A solid 1px;
}
/*フッタ*/
#footer{
background-color: #8F442A;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
clear: both;
display: block;
}
【スタイルシート】:改造後
#container{
text-align: left;
padding: 0;
width: 800px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #FDFDFB;
color: #000000;
border: #9BDEFF solid 1px;
}
/*フッタ*/
#footer{
background-color: #9BDEFF;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
clear: both;
display: block;
}
上記の赤字が変更(改造)部分です。
ブログ全体のライン(枠線)と
フッター部分のカラーの変更となります。
これで、カスタマイズ(改造)完了です!(⌒-⌒)ニコニコ...
皆さんも、テンプレートのカスタマイズ(改造)に挑戦してみてはいかがでしょうか?
【免責事項について】
このソースコードの使用に関しては、限られたテスト環境での動作確認などは行なっていますが、すべての環境に対応したものではありませんので、恐れ入りますが、使用に関しては自己責任でお願い致します。
↓ 只今、ランキング参加中なので、クリックをお願いしま~す!(⌒-⌒)ニコニコ...
[PR]
minne(ミンネ)はハンドメイド作品のオンラインマーケットです。
手作り作品のネット販売が、月額利用料「0円」で行えます。
お金のやりとりはminneが代行するので、初めての方でも安心です♪
パソコン、スマホどちらからでも
すぐにあなたの作品を販売できるminne(ミンネ)はこちらから。