アメブロテンプレート無料・ネコ(追記)

アメブロテンプレート無料配布(追記)

前回の無料配布テンプレート・スキンの追記ですが、ＣＳＳ・ＨＴＭＬ・画像などダウンロード形式にしていましたが、解らない方などもいると思いテキストボックスにてコピペできるようにしました。

勿論、ダウンロードして自分のＰＣのファイルに保存できますので、いつでもスキンを変更することもできます。

今後、問題が無ければテキストボックスにて公開するかもしれません。

利用について

・再配布などはご遠慮下さい。
・設置などのご質問はできる範囲でお答えします。
・ブログ紹介やリンクはご自由にどうぞ。
・テンプレートやスキンなどの利用にての不具合などは保障致しかねますのでバックアップを取るなどをしてご利用することをオススメします。
・新テンプレート・スキン、画像削除、画像追加などブログにてお知らせしますので読者登録をしておけば安心です。

利用手順

使用ブログデザイン：ＣＳＳ編集用デザイン３カラム・右ワイドメニュー
①初めての方はテンプレート設定方法をお読みすることをオススメします。
②ＣＳＳ編集画面にて下記テキストボックスの「ＣＳＳ」をコピペして追記して下さい。
③フリースペースに下記「フリースペース」をコピペして追記して下さい。
④ＣＳＳ内の画像(imge)はサンプルブログにて保存してあり、そのままでも利用できます。

注意事項

・画像はサンプルブログにて保存していますが今後、削除する場合もありますので、ご自分のアメブロ画像ファイルに保存することをオススメします。
・画像削除の際には数日前にブログにてお知らせ致します。

イメージ(クリックで拡大)

サンプルブログ→~~サンプルブログ（猫）~~※終了しました
ＣＳＳ

/* その他、拡張があれば記述 */
/* ヘッダー画像設定 */
#header,.skinHeaderArea{
height:300px;
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120530/16/88/7d/j/o09800245angelgroup21338362425786.jpg);
background-repeat:no-repeat;
background-position:center top;
}
/* ヘッダー下にグローバルナビ(グローバルメニュー)を設置する */
/* ▼▼▼ 変更しない */
#wrap,.skinContentsArea{
position:relative;
}
#headerMenu{
position:absolute;
margin:0;
padding:0;
}
#headerMenu ul.menu{
margin:0;
padding:0;
list-style: none;
}
#headerMenu ul.menu li{
display:inline;
}
#headerMenu ul.menu li a{
display:block;
float:left;
margin:0;
padding:0;
white-space:nowrap;
overflow:hidden;
text-align:center;
}
/* ▲▲▲ 変更しない */
/* ▼▼▼ 位置・サイズ調整 */
#wrap,.skinContentsArea{
padding-top:40px; /* メニュー設置用スペース */
}
#headerMenu{
top:0px; /* 上下位置調整 */
left:0px; /* 左右位置調整 */
width:980px; /* メニュー全体の幅 */
}
#headerMenu ul.menu li a{
width:196px; /* ボタンの幅 */
line-height:40px; /* ボタンの高さ */
font-size:14px; /* ボタンの文字サイズ */
}
/*▲▲▲ 位置・サイズ調整 */
/*▼▼▼ 色・文字装飾・背景など */
#headerMenu ul.menu li a{ /* 通常時 */
color:#000000; /* 文字色(黒) */
font-weight:bold; /* 太字(あり) */
text-decoration:none; /* 下線(なし) */
background-color:#ffffff; /* 背景色(白) */
background-image:url(http://stat.ameba.jp/user_images/20120530/10/angelgroup2/10/b4/j/o0196004012001112390.jpg); /* 背景画像 */
background-repeat:repeat; /* 背景画像繰り返し */
}
#headerMenu ul.menu li a:hover{ /* カーソルが乗った時 */
color:#000000; /* 文字色(黒) */
font-weight:bold; /* 太字(あり) */
text-decoration:underline; /* 下線(あり) */
background-color:#ffffff; /* 背景色(白) */
background-image:url(http://stat.ameba.jp/user_images/20120530/10/angelgroup2/17/31/j/o0196004012001112391.jpg); /* 背景画像 */
background-repeat:repeat; /* 背景画像繰り返し */
}
/*▲▲▲ 色・文字装飾・背景など */
div.autoPetaBtn{
padding:20px 0; /* 上下に少し余白を取る */
text-align:center; /* センタリング */
}
#blog_share_btns{
width:150px;
margin:auto; /* 中央に表示 */
}
/*▼▼▼ サイドメニュー装飾 */
.skinMenuHeader{
padding:0 20px;
line-height:40px; /* タイトル高さ */
color:#000000; /* タイトル文字色 */
font-weight:bold; /* 太字(あり) */
text-align:center; /* センタリング */
background-color:transparent;
background-repeat:no-repeat;
}
.skinMenuBody{
margin:0;
padding:20px;
background-color:transparent;
background-repeat:repeat-y;
}
.skinMenu{
padding-bottom:10px; /* フッタ部高さ */
background-color:transparent;
background-repeat:no-repeat;
background-position:center bottom;
}
.skinSubA .skinMenuHeader{ /* 300ピクセルタイトル */
background-image:url(http://stat.ameba.jp/user_images/20120530/16/angelgroup2/46/68/p/o0300004012001507957.png);
}
.skinSubB .skinMenuHeader{ /* 180ピクセルタイトル */
background-image:url(http://stat.ameba.jp/user_images/20120530/16/angelgroup2/a5/41/p/o0180004012001507956.png);
}
/*▼▼▼ 記事デザイン枠 */
.skinArticle{
padding:0;
border:none;
}
.skinArticleHeader{ /* タイトル部 */
margin:0;
padding:15px 30px 17px 30px; /* タイトル周辺の余白(↑→↓←の順) */
border:none;
background-image:url(http://stat.ameba.jp/user_images/20120530/11/angelgroup2/73/ab/p/o0470008012001147161.png);
}
.skinArticleTitle,.skinArticleTitle:visited,.skinArticleTitle:hover,.skinArticleTitle:focus{
color:#ffffff;
}
/*▼▼▼ 背景画像 */
body{
background-color:transparent;
background-image:url("http://stat.blogskin.ameba.jp/blogskin_images/20120530/16/28/a7/g/o13000300angelgroup21338361756678.gif");
background-position:left top;
background-repeat:repeat-y;
background-attachment:fixed;
}
/* ▼▼▼skinTitleArea ブログタイトルのエリアの位置 */
.skinTitleArea{
padding-top:85px;
margin-left:130px;
}
/* ▼▼▼skinDescriptionArea ブログの説明エリアの位置 */
.skinDescriptionArea{
padding-top:95px;
margin-left:10px;
}
/* ▼▼▼skinTitle ブログタイトル文字の大小 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color:#000000;
font-weight:bold;
font-size:3.11em;
}
/* ▼▼▼skinDescription ブログの説明文字の大小 */
.skinDescription{
color:#333333;
font-size:2.11em;
}

フリースペース

画像

ヘッダー画像↓