Novice Template

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

スポンサーリンク

---

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

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

具体例

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

/* 記事部分上部　右のピンの色 */
div#wrapper div#main div.entry div.ymd {
  background: url('http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-right.png') no-repeat right top;
}

↓

/* 記事部分上部　右のピンの色 */
div#wrapper div#main div.entry div.ymd {
  background: url('http://blog-imgs-42.fc2.com/n/o/v/novicetemplate/kids-entry-top-right-blue.png') no-repeat right top;
}

画像と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」
とします。

関連記事

• NT_soft3 (2009/08/31)
• テンプレート「NV_flat」 (2013/06/11)
• テンプレート「NV_kids2」 (2010/02/15)
• Novice1 (2009/08/20)
• テンプレート「NV_grunge_2r」 (2012/01/04)

スポンサーリンク