About Template

共有テンプレート一覧はこちら

OK

  • カスタマイズ
  • 素材の入れ替え

NG

  • 素材及びテンプレートの再配布
  • 著作権表記及びリンクの削除、改変
  • アダルト・違法・宗教関連のサイトでの使用
  • fc2ブログ利用規約の禁止行為に該当するサイトでの使用

詳細は「テンプレートの利用について」をご覧ください。



スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

スポンサーリンク

テンプレート「NV_kids2」

現在このブログで使用しているテンプレートを、共有申請中です。
あと何日かで公開されると思いますが、一足先に紹介も兼ねてテンプレートの記事をUPしておきます~。

NV_fabサムネイル

個別記事プレビュー
バトン表示プレビュー

デフォルトのテーマカラーは赤ですが、他に青と緑のパーツも作成しました。
記事部分のピンや、サイドバーのクレヨンなどを、スタイルシートの画像URLを変更するだけで、お好みの色パーツに変更することができます。
また、デフォルトでは右サイドバーですが、簡単に左サイドバーに変更できます。
具体的な方法は、「続きを読む」以下でご紹介しておりますので、ご覧ください。

IE6でのデザインの崩れを予防するため、記事内の画像はIE6で閲覧される場合に限り、大きなサイズの画像は自動的に幅500pxに縮小されます。
各種ブラウザにて表示確認をしておりますが、不具合などありましたらこの記事へコメントいただければと思います。

当テンプレートのご利用については、「テンプレートの利用について」をご一読ください。

幼稚園や保育園さん、小児科さん、幼児向けの塾さん、いかがでしょう~。




色パーツの紹介と変更方法


テンプレートの設定画面の、スタイルシート上部に「▼ 色パーツの設定 ▼」という記述があります。
その変更したい部分の「background: url('画像URL')」をお好みの色画像と書き換えます。


具体例


記事部分上部 右のピンの色をデフォルトの赤から青に変える場合






画像とURL


※大きいサイズの画像はサムネイル表示されています。


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

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

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

kids-mini-listicon.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-listicon.png

kids-mini-listicon-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-listicon-blue.png

kids-mini-listicon-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-listicon-green.png

kids-entry-top-left.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-left.png

kids-entry-top-left-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-left-blue.png

kids-entry-top-left-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-left-green.png

kids-entry-top-right.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-right.png

kids-entry-top-right-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-right-blue.png

kids-entry-top-right-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-right-green.png

kids-entry-meta-bottom.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-meta-bottom.png

kids-entry-meta-bottom-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-meta-bottom-blue.png

kids-entry-meta-bottom-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-meta-bottom-green.png

kids-subentry-top.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-subentry-top.png

kids-subentry-top-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-subentry-top-blue.png

kids-subentry-top-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-subentry-top-green.png

kids-mini-point.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-point.png

kids-mini-point-blue.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-point-blue.png

kids-mini-point-green.png
http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-mini-point-green.png

左右カラム入れ替え方法

「html」にある、「カラム配置の設定」を変更します。
「class="~"」の~部分を変更してください。

右サイドバー → クラス名「side-right」
左サイドバー → クラス名「side-left」
とします。



関連記事

スポンサーリンク

trackback

comment

コメントする

Secret


Profile

Neriko

Author:Neriko
遊ぶべ!道南探検隊

本サイトは「遊ぶべ!道南探検隊」

はこだて・こどもずかん

→ もっと詳しく

最新記事のRSS

Entry+Comment

Tag+Search


Sponsor

Calendar

09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -

Link

QRcode

QR

Mailform

Name:
Email:
Title:
Message:


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。