sbブログのスタイルシートの変更方法

たとえば、カレンダーの背景の色を変えたいとしましょう

<!-- BEGIN calendar -->
<div id="calendar">{calendar_horizontal}</div>
<!-- END calender -->
大抵はテンプレートでご覧のようになっているのが多いと思います。

設定メニューのテンプレート画面を開くと次のようになっています。


<div id="calendar">のcalendarという範囲を注目しましょう。そのスタイルシートの探してみてください。当サイトでは次のようになっています。

div#calendar{
padding:10px 0px;
text-align:center;
color:#323037;
background-color:#D25E2C;
}

なっているのです。padding:10px 0px;は余白を決めると思ってもらったらいいと思います。詳しくはhttp://www.htmq.com/style/padding.shtmlをご覧頂いた方がいいでしょう。この数値を好みの数値に変えます。変えすぎると形式が崩れることも多々ありますので、バックアップはしておきましょう。

text-align:center;
これは、センタリングということですね。詳しくはhttp://www.htmq.com/style/text-align.shtmlへ

color:#323037;
は文字の色です。この数値を変更することで文字の色を変えることができるのです。http://wellstyled.com/tools/colorscheme2/index-en.html
を参考にどうぞ。

background-color:#D25E2C;
は背景の色ですね。これをbackground-image: url("../images/kabe01.gif")というように画像URLに変更すれば背景を画像に変更することもできるのです。

最後に保存をすれば反映されています。再構築は必要ないようです。

一見して難しいのですがさほど難しくはないのです。エクセルの関数も難しく考えがちですが、SUM関数であれば難しいと考える方は少ないでしょう。SUM関数と類似の関数をたくさん使っているだけなのです。英語も難しく考えがちですが、一つの単語だけで考えればさほど難しくないですよね。問題は大きく考えると難しいと放置してしまうのですが、分解してしまうと一見簡単なのです。

じゃ、私にも作ってくれと言われるかもしれませんが、勉強中なのです。プラウザによってスタイルが崩れるのですよ。ちょっといじれば崩れることもあるのですが、なぜかという理由を理解すれば私も作成して配布するでしょう。作る技術は持っていますが、１つ作るのに丸一日かかりそう（汗　さすがに優先順位が下のほうですｗ　どこかに加工自由配布テンプレートがあるので、いずれは練習用にsb用に加工してみようかと考えていますｗ

注意
　まちがっても「；」は消さないようにしましょう。これはこの指示はここで終わりですという意味なので消してしまうとその行が無意味になります。

追伸
　個人的に、font-sizeはpxでは指定しません。％で指定しています。なぜかといえば、プラウザの文字の大きさを変更しても大きくならないのです。小さい文字だと読みにくい人のことを考えてのスタイル設定です。よく配布sbテンプレートを活用させてもらってますが、すべてこの部分は変更しています。ちなみにコメント記入欄を変更しようとすると形式が崩れました（TT

　よろしければ下記をご利用くださいM()M
　<a href="http://hp.nlpsuccess.net/log/eid169.html">sbブログのスタイルシートの変更方法:ネットメモ</a>

モバイルURL（メール送信時のコピペ用）↓