現在このブログで使用しているテンプレートを、共有申請中です。
あと何日かで公開されると思いますが、一足先に紹介も兼ねてテンプレートの記事をUPしておきます~。
個別記事プレビュー
バトン表示プレビュー
デフォルトのテーマカラーは赤ですが、他に青と緑のパーツも作成しました。
記事部分のピンや、サイドバーのクレヨンなどを、スタイルシートの画像URLを変更するだけで、お好みの色パーツに変更することができます。
また、デフォルトでは右サイドバーですが、簡単に左サイドバーに変更できます。
具体的な方法は、「続きを読む」以下でご紹介しておりますので、ご覧ください。
IE6でのデザインの崩れを予防するため、記事内の画像はIE6で閲覧される場合に限り、大きなサイズの画像は自動的に幅500pxに縮小されます。
各種ブラウザにて表示確認をしておりますが、不具合などありましたらこの記事へコメントいただければと思います。
当テンプレートのご利用については、
「テンプレートの利用について」をご一読ください。
幼稚園や保育園さん、小児科さん、幼児向けの塾さん、いかがでしょう~。
色パーツの紹介と変更方法
テンプレートの設定画面の、スタイルシート上部に「▼ 色パーツの設定 ▼」という記述があります。
その変更したい部分の「background: url('画像URL')」をお好みの色画像と書き換えます。
具体例
記事部分上部 右のピンの色をデフォルトの赤から青に変える場合
↓
画像とURL
※大きいサイズの画像はサムネイル表示されています。

http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-sidemenu-title-red.png

http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-sidemenu-title-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-sidemenu-title-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-listicon.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-listicon-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-listicon-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-left.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-left-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-left-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-right.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-right-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-right-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-meta-bottom.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-meta-bottom-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-meta-bottom-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-subentry-top.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-subentry-top-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-subentry-top-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-point.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-point-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-point-green.png
左右カラム入れ替え方法
「html」にある、「カラム配置の設定」を変更します。
「class="~"」の~部分を変更してください。
右サイドバー → クラス名「side-right」
左サイドバー → クラス名「side-left」
とします。
- 関連記事
-
スポンサーリンク