INFORMATION

しょぼい（泣）FC2用テンプレを配布。
趣味＆日々のことを書き綴ったブログ。
HTML・テンプレ・SKINも配布中。
⇒ お気に入りに追加する

TEMPLATE FOR FC2

共有テンプレート使用上のご注意

	chocolat-308 3カラムタイププラグイン対応

	chocolat-307 3カラムタイププラグイン対応

	chocolat-306 2カラムタイププラグイン未対応

	chocolat-305 2カラムタイププラグイン未対応サイド折り畳み式

	chocolat-304 3カラムタイププラグイン未対応

APESKIN FOR BLOG

ブログ用スキン使用上のご注意

	BLOG #01 ゲスブタイプレス機能なし文字色選択可

MAIL FORM

BLOG PETの俳句集

MY BLOG LIST

chocolat*BLOGを登録

後姿ラブリー同盟

chocolat* BLOG

BLOG PET

ふじこ // みちる

お友達大募集中!

CALENDER

07 // 2005.08 // 09
S	M	T	W	T	F	S
-	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31	-	-	-

ARCHIVES

RSSフィード

LINKS

Powerd by FC2
Material by web*citron
Photo by Rain Drop
Template by chocolat*
FC2ブログ 紹介予定派遣

ここはボクの場所っ

2005.08.30 (Tue) 16:46

見よ、この威張りくさった顔!!
ダンボールが大好きな愛猫たちのために、100円ショップで買った座布団を敷いてあげたら、さっそく陣取って得意顔のチョコさんです。
最初はマロンが中に入って幸せそうにしていたんだけど、気付けばマロンはチョコに追い出されていました；
マロンは羨ましそうに、じーっとチョコを眺めてます･･･。

「ちょっとは譲ってあげなよぅ」と諭したら、こんな顔して頑として譲らない、我儘ぶりを発揮するし･･･(*´Д`)
と、困りながらも「いやぁん、その顔可愛いかも･･･」なんて写真を撮る親馬鹿ぶりを発揮しちゃった結依さんでした(〃▽〃)

ちなみに場所を取られたマロンさんは、チョコがダンボールの中にいる間、ずぅ～っと羨ましそうに眺めてました（苦笑）

そして今では･･･
チョコとマロンが運んできたと思われる玩具（ボールペンのキャップ・お菓子についていた玩具・壊れた携帯ストラップ etc...）が詰め込まれていて、定期的に掃除を余儀なくされておりまする；

[MY FAVORITE]LOVE CATS // TRACKBACK(0) // COMMENT(0) [▲]

FC2用テンプレート #307

2005.08.29 (Mon) 20:10

【 FC2用テンプレート #307 】

プラグインの有無＆コメント欄の絵文字・デコレーション機能付きの3カラムテンプレートです。
ロゴ部や著作権表示部の写真画像は Rain Drop 様の許可を得て使用させて頂きました。
Rain Drop 様からお借りした、お花の写真素材をアクセントにおいた、シンプルなデザインになっています。

Rain Drop 様からお借りした画像を含め、「FC2用テンプレート #307」で使用している画像の無断使用・無断ダウンロードは厳禁ですのでご注意ください。

詳しくは、当ブログの利用規約（必ずお読みください）を厳守して頂きますようお願い致します。

[FC2ブログ]3カラムテンプレート // TRACKBACK(0) // COMMENT(16) [▲]

プラグインのテスト中 (BlogPet)

2005.08.27 (Sat) 10:19

テストしなかった？
結依は、広いご迷惑をおかけしたかったの♪
広いご迷惑などくださいませんが、大きい自分とかご迷惑とかできましたら
と、結依が考えてるみたい♪

*このエントリは、BlogPet(ブログペット)の「ふじこ」が書きました。

[BlogPet]BlogPetの投稿 // TRACKBACK(0) // COMMENT(0) [▲]

サイドメニューの折り畳み

2005.08.25 (Thu) 20:59

サイドメニューの折り畳み方法に関してご質問がありましたので、「chocolat-306」を例にあげて説明させて頂きます。
このカスタマイズ方法は、JUGEMカスタマイズ講座様のナビゲーションの折り畳みを参考にさせて頂いたものです。

サイドメニューの折り畳みに関する機能は以下の通り。

※ リスト部分を閉じたり開いたりできる
※ リストに含まれるアイテム数をカウントして表示する
※ 折り畳み用ボタンを開いた状態・閉じた状態で設定できる

[READ MORE...]

[FC2ブログ]カスタマイズ // TRACKBACK(1) // COMMENT(1) [▲]

BlogPetの俳句集を導入

2005.08.25 (Thu) 15:00

あたまがうにになる様の BlogPetの俳句集では、BlogPetの背景画像を特定のものに指定するだけで、皆のペットが詠んだ俳句が表示されます。

その俳句の中から、KOROPPYの本棚様の自分専用BlogPet俳句集をサイドバーに表示を参考に、自分のペットが詠んだ俳句だけをサイドバーに表示してみました。
表示例は、当ブログサイドメニューの「BlogPetの俳句集」を参考にしてください。

KOROPPYの本棚様で紹介されている自分専用BlogPet俳句集をサイドバーに表示をもとに、簡単に設定方法を解説していきます。
※ SPECIAL THANKS　：　KOROPPYの本棚

当ブログで使用しているタグは以下の通り。

上記タグを参考に、以下のようにご自分のブログにあわせて変更してください。

※ http://chocolatblog.blog8.fc2.com/　⇒　自分のブログURLに変更
※ 5　⇒　表示する件数

つまり、次のようなタグになります。

BlogPetの俳句集一覧リストの表示方法を、CSS（スタイルシート）によって変更することも可能です。　その場合は、JavaScriptタグを「div」で囲んであげましょう。

[READ MORE...]

[BlogPet]その他 // TRACKBACK(0) // COMMENT(3) [▲]

プラグインのテスト中

2005.08.24 (Wed) 18:41

現在、プラグイン対応のテンプレート作成のため、自ブログにてテスト中でございます。
その為、えらく見栄えが悪いテンプレートが表示されることもあるかもしれませんが、ご了承くださいませ。

プラグイン対応に関して、自分なりに納得ができましたら、ご要望のあった「chocolat-304」や「chocolat-306」をプラグイン対応並びにコメントの絵文字対応にしていきたいと思っております。

少々ご迷惑をおかけすることになるかと思いますが、ご了承くださいませ。

[結依＠管理人]お知らせ＆情報 // TRACKBACK(0) // COMMENT(0) [▲]

何を覚えたんだろう･･･

2005.08.23 (Tue) 15:39

うちのふじこが今までと違うことをしゃべったっ!!

みゅうみゅうってのは、KOROPPYの本棚さまが飼ってらっしゃる、こうさぎちゃん。
お友達登録されているBlogPetのことについて、ふじこがしゃべったのは初めて!!
なんだか嬉しいですぅ(〃▽〃)

で、そのみゅうみゅうちゃんが、『バー』を覚えたらしいんだけど･･･。
『バー』ってのは、なんの『バー』なんだろう･･･(´ﾍ｀；)

お酒を飲む『バー』･･･？
スクロール『バー』･･･？
棒の英語バージョンの『バー』･･･？

なんだか気になるですよ･･･。

[BlogPet]MIXdeツッコミ // TRACKBACK(1) // COMMENT(2) [▲]

BlogPet用バナー

2005.08.23 (Tue) 13:41

KOROPPYの本棚さんが運営する、BlogPetの後姿ラブリー同盟用バナーを、ロリポブログからこちらに移動させました。

後姿ラブリー同盟に参加されている方で、当バナーを気に入ってくださるという奇特な方がおられましたら、どしどし使ってやってくださいまし。

▽ パンダシリーズ

▽ うさぎシリーズ

▽ ねずみシリーズ

▽ 猫シリーズ

犬がないのはご容赦ください･･･。
犬シリーズも作成しようと試みたんだけど、どうやっても猫と同じようになっちゃうんでつ＿|￣|○

バナーをご利用の際は、必ずご自分のパソコンにダウンロードしてお使いくださいね。
※ 直リンク厳禁!! です

[BlogPet]その他 // TRACKBACK(0) // COMMENT(0) [▲]

トラックバック・ピープルの表示変更

2005.08.23 (Tue) 12:56

トラックバック・ピープル（BlogPeople）の表示スタイルを、Benjamins Forum Site さまの「トラックバック・ピープル　レイアウトを少し調整」を参考にし、デザインを変更してみました。
ブログのCSS（スタイルシート）に、あるタグを付け加えてあげるだけで、表示スタイルを変更することができます。

表示スタイルを変更した表示例は、当ブログサイドメニューの「後姿ラブリーピープル」を参考にしてください。

まずは、トラックバック・ピープルのリンクリストで使用されているCSS用のクラス名の説明から。

【CSS用クラス名情報】
クラス名： blogpeople-tbp
説明：リンクリスト全体に割り当てられたクラスです。

クラス名： blogpeople-tbp-link
説明：各リンクタグに割り当てられたクラスです。

クラス名： blogpeople-tbp-credit
説明：バナー画像に割り当てられたクラスです。

上記のクラスタグ定義に手を加えて、リストの文頭に画像を付け加え、見栄えを良くしてみました。

※ 当サイトのトラックバック・ピープルで使用している画像は MINE CHANNEL! さまよりお借りしています。

[READ MORE...]

ブログのCSS（スタイルシート）に、以下のタグを付け加えます。

.blogpeople-tbp {
　margin-right:8px;
　height:200px;
　overflow:auto;
}

.blogpeople-tbp-link {
　line-height:130%;
　margin-top:3px;
　margin-right:2px;
　margin-left:10px;
　padding-left:11px;
　padding-right:2px;
　background-image:url(http://～リスト文頭の画像URL.gif);
　background-position:0px 4px;
　background-repeat:no-repeat;
}

.blogpeople-tbp-credit {
　margin-top:8px;
　text-align:right;
}

上記の設定は、7×7ピクセルの画像を使用し、文字サイズを10pxに設定している場合のタグになります。
以下に各タグの解説を記載しておきますので、ご自分のブログデザインに合わせて、設定の変更をしてください。

▽ トラックバック・ピープルのリスト全体の設定
.blogpeople-tbp {
　margin-right:8px; /* ① */
　height:200px;　/* ② */
　overflow:auto; /* ③ */
}

① 「margin-right:8px;」は、リストを表示するボックスを右側からどれくらいのスペースを空けるかの設定です。

② 「height:200px;」は、リストを表示するボックスの高さの設定です。

③ 「overflow:auto;」は、上記の「height:200px;」を超えた場合、自動的にスクロールバーが表示するように設定しています。

▽ 各リンクタグの設定
.blogpeople-tbp-link {
　line-height:130%; /* ① */
　margin-top:3px; /* ② */
　margin-right:2px; /* ③ */
　margin-left:10px; /* ④ */
　padding-left:11px; /* ⑤ */
　padding-right:2px; /* ⑥ */
　background-image:url(http://～リスト文頭の画像URL.gif); /* ⑦ */
　background-position:0px 4px; /* ⑧ */
　background-repeat:no-repeat; /* ⑨ */
}

① 「line-height:130%;」は、行間を設定しています。

② 「margin-top:3px;」は、リスト全体の開始文字を上からどのくらいあけるかを設定しています。

③ 「margin-right:2px;」は、リスト文頭の画像を右側からどのくらいあけるかを設定しています。

④ 「margin-left:10px;」は、リスト全体の文字を左側からどのくらいあけるかを設定しています。

⑤ 「padding-left:11px;」は、画像を省いたリスト文頭文字を、右側からどのくらいあけるかを設定しています。
画像の横幅＋画像から文頭文字までの幅をピクセルで設定してください。

⑥ 「padding-right:2px;」は、左側からどのくらいあけるかを設定しています。

⑦ 「background-image:url(http://～リスト文頭の画像URL.gif);」の()内に、リストの文頭につける画像URLを記述します。（例： http://blog-imgs-1.fc2.com/c/h/o/chocolatblog/icon.gif）

⑧ 「background-position:0px 4px;」は、リスト文頭の画像の表示位置を設定しています。

⑨ 「background-repeat:no-repeat;」は、画像を繰り返さないよう設定しています。

▽ バナー画像の設定
.blogpeople-tbp-credit {
　margin-top:8px; /* ① */
　text-align:right; /* ② */
}

① 「margin-top:8px;」は、リスト最終行からバナー画像を表示するまでに、どれくらいあけるかを設定しています。

② 「text-align:right;」は、バナー画像を右寄せに表示するように設定しています。
左寄せにする場合は「text-align:left;」、中央寄せにする場合は「text-align:center;」とします。

[...HIDE MORE]

[FC2ブログ]カスタマイズ // TRACKBACK(0) // COMMENT(0) [▲]

祝!　週間DLランキング1位!

2005.08.22 (Mon) 18:02

なーんとっ!!
A Trial Product's 素材置き場様の素材を使用して作成した「chocolat-306」のテンプレートが週間ダウンロードランキング1位になっておりました!!

いやぁ、これはかなり嬉しい(〃▽〃)
これはひとえに、素材の使用許可をくださった A Trial Product's 素材置き場様のおかげでございますっ。
このテンプレートのアクセントになっているパンダの素材が可愛くて気に入ったというメッセージが多々きておりまして･･･♪
ダウンロードしてくださった方のメッセージを読むだけでも創作意欲が沸くのに、週間とはいえダウンロードランキング1位ってのは、幸せでございまするっ。

実は今、プラグイン対応テンプレートのテスト段階なのですよ。

[READ MORE...]

[結依＠管理人]つぶやきDIARY // TRACKBACK(0) // COMMENT(0) [▲]

FC2用テンプレート #306

2005.08.17 (Wed) 14:23

【 FC2用テンプレート #306 】

A Trial Product's 素材置き場様の素材をお借りして作成した、2カラム形式のテンプレートです。
デザインそのものはシンプルですが、サイドメニュー部のブルーの背景画像や、ロゴ部のパンダの画像、記事タイトル部のパンダアイコンが可愛いアクセントになっています。
サンプルではちょっと分かりませんが、コンテンツ部分のタイトルアイコンはパンダではなく、看板のアイコンになっています。

テーブルによる構成のテンプレートで、画像を使用して、シンプルなデザインの中にも可愛らしさを出してみたつもりです(´ﾍ｀；)

[FC2ブログ]2カラムテンプレート // TRACKBACK(0) // COMMENT(30) [▲]

FC2用テンプレート #305

2005.08.04 (Thu) 16:48

【 FC2用テンプレート #305 】

左メニューの3カラム形式のテンプレートです。
ロゴ部に写真を使用した、モノトーン調のシンプルなデザイン。
ロゴ部の写真をフィルムっぽく加工してあります。
サイドメニューが JavaScript を使用した折り畳み形式になっているので、見た目もスマートかと･･･。

サイドメニュータイトル部分のデザインテーブルですが、IE以外のブラウザだと少々異なって見えると思いますが、デザインが大幅に崩れるということはないと思います。

[FC2ブログ]2カラムテンプレート // TRACKBACK(0) // COMMENT(5) [▲]

//　BLOT TOP　//　