07≪ 2017/08 ≫09
12345678910111213141516171819202122232425262728293031
個別記事の管理2012-12-06 (Thu)
夜景と花火を使ったテンプレート「hanabi-2c/3c」をChristmas versionに変更するカスタマイズです。
クリスマスが既に間近なのに、今更ちょっと遅いかな?^^;
まぁ、記事が有れば来年も使える…と言う事で。

sample-h-xmas.jpg←画像clickで3カラム版のサンプルを表示します。
現在使用中(12/25までの予定)です。

興味の有る方はReadMore↓をclick♪

先ず、共有テンプレートの「dt10_hanabi-2c(2カラム)」若しくは「hanabi-3c(3カラム)」をDLして下さい。
次に、テンプレートの設定画面よりDLしたテンプレートの「編集」をclickし、一番下段の「スタイルシート編集」枠を1/5程スクロールして下さい。
その辺りに有る #back-1 という部分を、下記のように変更して下さい。
(赤文字の部分が変更箇所です。)

(2カラム dt10_hanabi-2c)
#back-1 {
background:url(http://blog-imgs-51.fc2.com/s/o/r/sorauta1/xmastree.gif);
background-repeat:no-repeat;
background-position: center bottom;
background-attachment : fixed;
text-align:center;
height:100%;
min-height:100%;
margin:0 auto;
}

(3カラム hanabi-3c)
#back-1 {
background:url(http://blog-imgs-51.fc2.com/s/o/r/sorauta1/xmastree1.gif);
background-repeat:no-repeat;
background-position: center bottom;
background-attachment : fixed;
text-align:center;
height:100%;
min-height:100%;
margin:0 auto;
}

記事名やメニュー名の頭に有る画像(アイコン)を雪の画像に変更する場合は、下記の部分も変更して下さい。
編集枠を一番上から少しスクロールした所に有る

.contents_title {
background: url(http://blog-imgs-50.fc2.com/s/o/r/sorauta1/snowb-2.gif) no-repeat 8px 12px;
}

.menu_title, .menu3_title {
background: url(http://blog-imgs-50.fc2.com/s/o/r/sorauta1/snowb-4.gif) no-repeat 8px 3px;
}

を赤文字部分のように変更。

後は更新ボタンを押せば完了です。(^_^)
不具合が有った時のために、カスタマイズの際には複製を作って作業する事をオススメします。
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : カスタマイズ
* Comment : (0) * Trackback : (0) * |
コメント







管理者にだけ表示を許可する