FC2テンプレート配布所【天ぷれ屋 猫壱飾堂】

猫壱のFC2用テンプレート配布所

FC2用テンプレート配布所【天ぷれ屋猫壱飾堂】
FC2用テンプレート配布所「天ぷれ屋 猫壱飾堂」です♪ごひいきに!
〜「簡易版」利用規約〜

【OKなもの】
カスタマイズなど基本的には何でも可

【ダメなこと】
著作権表示リンク部分の削除
テンプレート内画像の流用
FC2ブログ利用規約に反するブログへの使用

詳しくは⇒「使用上のご注意」を一読してね!
※只今プレオープン中!本格オープンまでしばらくお待ちください

テンプレート作る暇が・・・・

前回の段ボール箱テンプレが意外と好評だったので
ちょっといい気になっていた猫壱ですが
その後、急に仕事が忙しくなってきて
テンプレ作りもままならなくなってきました(涙)

しかも構想が中途半端なままのテンプレが数個
イラスト作りかけとか
CSSが中途半端なままとか・・・・・

仕事落ち着くまでまだ少しあるし
作りかけは忘れちまうんでないかと心配です

ま!本業第一ですんで仕方ないですけどね!

新作はしばらくお待ちください

cardboard-2R(ダンボール箱2カラム右)

ダンボール箱2カラム(右)

タイトル:cardboard-2R
(ダンボール箱2カラム右)

3作目はダンボールをイメージして作ったテンプレートです
シンプルかつユニークなモノを・・・・と思って
作ってみました

特に凝った細工はありません
ケアマークとガムテープがポイントといったカンジかな〜?!
それ以外はいたってシンプルです

ちなみにフッターのバーコードシールは
当ブログへのリンクバナーになっております(笑)

※ただいま公開中です
(承認されんのに2週間くらいかかるなー)

stroll-2L(STROLL2カラム左)

STROLL【グリーン&ベージュ】2カラム左

タイトル:stroll-2L
(STROLL2カラム左)

第一弾のテンプレの承認が降りないうちに、第二弾を申請しました
前回とイメージをガラリと変えて
ナチュラルな感じで攻めてみました

全体的にはシンプルな作りですが
今回は、タイトルバナーに凝ってみました
右上に自己紹介文とハンドルネーム
左下にブログ説明文
右下がタイトルというちょっと変わった仕様です

一応タイトルは2段分の長さまではOKです
自己紹介文や説明文も、長さ制限ありますので気をつけて!
普通の長さなら大丈夫なつもりで作ったんですが
もしものときは上手く調整して下さい

上手く調整して書けばばっちり綺麗に見えると思います・・・・多分

※ただいま公開中です

blue-gray-2R(ブルー&グレー2カラム右)

ブルー&グレー(2カラム右)

タイトル:blue-gray-2R
(ブルー&グレー2カラム右)

猫壱飾堂の第一弾テンプレートは、いたってシンプルにしてみました
薄いブルーとグレーそして黒のみで構成してみました
とはいってもグレーだけで数種類使ってるんですケドね!
わかんないと思うけど(涙)
季節感ナシでオールマイティに使える・・・・・・かな?

タイトルバックの黒い部分はタイトルの長さに連動しますが
あまり長いタイトルだと2段になるのでお勧めしませんし
短すぎてもかっこ悪いかも・・・・・
あと、「続きを読む」は折りたたみ式にしてみました
横カレンダーもついてます

※ただいま公開中です

3/17
特に問題ない部分ですがCSSを一部修正しました
(二重指定部分削除)

【関連記事】
「続きを読む」をカスタマイズ
横型カレンダーを付ける

横型カレンダーを付ける

よくヘッダーバナーの下などについている
横型のカレンダーの設置方法です

最初にHTMLはコレ↓


<ul class="head-c">
<li><a href="<%prev_month_link>" title="前の月">
<%prev_year>.<%prev_month></a>&nbsp;&laquo;</li>
<!--calender2-->
<li><%days></li>
<!--/calender2-->
<li>&raquo;&nbsp;<a href="<%next_month_link>" title="次の月">
<%next_year>.<%next_month></a></li>
</ul>


このHTMLをバナー下など表示させたい部分に設置したら
次にスタイルシートで指定します


.head-c {
position: relative;
text-align: center;
margin:5px 10px 5px 10px;
font-size: 10px
}
.head-c li {
display: inline;
padding-right: 2px;
font-weight: bold;
}


コレで完成です
いつもながらDIV指定は猫壱流ですので
お好きなように変更してください
ただしCSSとセットで変更しないととんでもない事になります

なお最初からついているものを外す場合は
上記の部分を見つけて削除してください