はじめに

このテンプレートは無料配布です。

簡単な作りの、可愛い？ねこの顔がヘッダー部分にあるテンプレートです。

猫の顔の表情が変わるようになっています。

オンマウスで変わるので通常の顔→次の顔の２種類となります。

気に入りましたら、ご利用下さい。

※現在、CSSファイル・画像ファイルなどまとめてダウンロードできるサイトを作成中ですので完成の際は便利ですのでご利用下さい。

イメージ画像

　　　　　　　　　　　　　　　　↓

注意事項

転載、転売などはご遠慮下さい。（私的には、そこまでの物ではありませんのでオススメしませんw）

使用している画像については、「ヘッダー」「記事タイトル（肉球）」「サイドメニュー（肉球）」のみになり、好きな画像に変更可能です。

テンプレートを利用しての如何なる損害、損失も保証致しかねます。（何もないとは思いますが心配な方はバックアップを取ってからの利用をオススメします。）

テンプレ利用の際のお願い

・テンプレート更新などブログにてお知らせしますので、読者登録をお願いします。

・コメント欄にて利用報告をお願い致します。

・ブログにてご紹介していただけたら喜びます。（お任せですw）

アメブロテンプレート無料（ねこ）設置準備

①アメブロのデザインをマイページから「デザインの変更」→「カスタム可能」→「CSS編集用デザイン」にしてカラムを→「２カラム・メニュー右」に設定。
※他カラムは対応していません。

アメブロテンプレート無料（ねこ）設置

設置手順はコピペでCSS編集画面にて「CSSの追記」の①手順と画像URL書き換えの②手順です。

①下記CSSをCSS編集画面にて最下部の
「 (4) その他、拡張・/* その他、拡張があれば記述 */」の下にコピペ。

※調整は説明を参考にしてみて下さい。

赤字が画像のURLになりますので画像URLに書き換えて下さい。

/* ▼▼＊＊テンプレートねこここから＊＊▼▼ */
/* ▼▼ヘッダー画像設定ここから▼▼ */
/*ヘッダー*/
.skinHeaderArea{
width:980px;/*画像の横*/
}
.skinHeaderArea{
background-image:url("ヘッダー画像URL");
width:980px;/*画像の横*/
height:250px;/*画像の縦*/
background-repeat:no-repeat;/*繰り返さない*/
background-position: center top;/*中央上に*/
display:block;
overflow:hidden;
outline:none;
}
.skinHeaderArea:hover{
background-position:center bottom;/*中央下に*/
}

/* ▲▲ヘッダー画像設定ここまで▲▲ */

/* ▼▼skinContentsAreaの背景色▼▼ */
.skinContentsArea {
background-color:#c4972f;
}
/* ▼▼メインカラム幅調整と位置調整▼▼ */
.columnB .skinMainArea {
width: 650px;
margin-left:10px;
}
/* ▼▼サイドカラム位置調整▼▼ */
.columnB .skinSubA {
margin-right:10px;
}
/* ▼▼ブログタイトル文字調節▼▼ */
.skinTitleArea {
margin:30px 0 0 0px;
}
/* ▼▼ブログタイトル文字調節▼▼ */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
margin:50px 0 0 350px;　/* ブログタイトル文字場所 */
}

/* ▼▼ブログの説明文字調節▼▼ */
.skinDescription{
margin:20px 0 0 350px;　/* ブログの説明文字場所 */
}

/* ▼▼サイドタイトルエリア肉球画像▼▼ */
.skinSubArea .skinMenuHeader{
padding-left:25px;
background-image:url("肉球画像URL");
background-repeat:no-repeat;
background-position:left center;
background-color:#ffffff;
}

/* ▼▼記事タイトルエリア肉球画像▼▼ */
.skinArticleHeader{
padding-left:25px;
background-image:url("肉球画像URL");
background-repeat:no-repeat;
background-position:left center;
background-color:#ffffff;
border:none;
}
/* ▼▼サイドメニュー枠色▼▼ */
.skinMenu {
background: #c4972f;
}

/* ▲▲＊＊テンプレートねこここまで＊＊▲▲ */

画像ヘッダー

画像肉球