--/--/-- スポンサーサイト

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


スポンサード リンク

2008/12/26 クリスマステンプレートをいつでも使えるように

当サイトではクリスマス用のテンプレート
PC版で2つ配布していますが、
クリスマス後も使えるようなカスタマイズ例を作成してみました。

着せ替えカスタマイズテンプレート
k_christmas_hサンプル k_christmas_cサンプル

カスタマイズ方法は、
それぞれのサンプルページへ記載しています。
また、サンプル通りのテンプレートを使用したい方は、
サンプルページリンクを貼ってあるソースを貼り付けるだけで
使用出来ますので、是非ご利用下さい^^

追記にはchristmas_cのカスタマイズ箇所を載せておきます。

紫色付きの部分が書換え場所です。

全体の背景
CSSを変更します。

  • /**フォント・背景画像指定・IE6センタリング**/
    body
    {color: #8f8687;...
    background-image: url(http://blog-imgs-27.fc2.com/h/a/p/hapirichi/x2_wall1.gif);}

記事タイトルのアイコン
CSSを変更します。
  • #content h3/**エントリー タイトル**/
    {margin: 0 auto;...
    background-image: url(http://blog-imgs-27.fc2.com/h/a/p/hapirichi/x2_icon1.gif);...}

リストアイコン
CSSを変更します。
  • /**リスト**/
    ul
    {margin-left: 22px;
    list-style-image: url(http://blog-imgs-27.fc2.com/h/a/p/hapirichi/x2_list.gif);}

個別記事フッター部ナビのアイコン
HTMLを変更します。
(width、heightのサイズ変更も忘れずに行って下さい。)
  • <!--comment_area-->
    <div class="navi">...<a href="#"><img src="http://blog-imgs-27.fc2.com/h/a/p/hapirichi/x2_icon3.gif" width="20" height="19" alt="home" /></a>

フッター部のアイコン
HTMLを変更します。
(width、heightのサイズ変更も忘れずに行って下さい。)
  • <div id="footer">
    <div class="kuma">
    <img src="http://blog-imgs-27.fc2.com/h/a/p/hapirichi/x2_icon2.gif" width="74" height="71" alt="" />
    </div>


※素材のカスタマイズについてのお願い

お借りしてる素材は、chaton noir様の利用規約により、
色を薄くしたり濃くしたりの色変更の加工は不可となっています。
その他についても、加工に関してを参照して頂き、
chaton noir様の規約を厳守して下さい。
別の素材屋さんへ入れ替え時は該当素材屋さんの規約を厳守して下さい。
また、リンクを追加及び必ず書換えて下さい。
違反行為に当る素材のカスタマイズは、
当サイトの利用規約違反にも該当しますので、ご遠慮下さい。
どうぞよろしくお願い致します。



スポンサード リンク

タグ:テンプレート カスタマイズ

comment

post a comment


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

trackback

Profile

Author:ひまり
FC2ブログテンプレートを作成・配布しています。


QLOOKアクセス解析

Recent entry

sponsored link

Search

questionnaire

好きなテンプレカラムは?
 1カラム
 2カラム右メニュー
 2カラム左メニュー
 3カラム

QRcode

QR


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