MY CSS DESIGN

最新記事のRSS

FC2ブログのテンプレート配布・作成日誌。

PREV | PAGE-SELECT | NEXT

≫ EDIT

ヒヨコ君増殖中テンプレートMENU 530px版

久しぶりのテンプレート登録になるのかな?。今回は過去に遊びで作った物を配布用に改造してみたよ。あいかわらずのシンプルモノトーンなテンプレートですが、白と黒のその間に、無限の色が広がってる、君に似合う色探して、トップ画像をつけたなら、ほら素敵なテンプレート。今、君に贈るよ。←ミスチルのGIFTぱくってみた。(。・_・。)

さて、今回も極一部の間で何気に好評なカラー変更支援ツールを作ったのでご利用ください。なんかテンプレートを作るよりこんな物やあんな物を作ってる時間の方が長いような気もしないでもない。

ヒヨコ君増殖中テンプレートmenu530px版

■ 主な概要

  • テンプレート名:hiyoko-menu530
  • トップ画像は差し替えてお使いください。※今回のサイズは530×200です
  • 記事中の画像横幅最大470px程度までは表示可能です。
  • 基本的なカスタマイズに必要と思われる記述はCSS上部に配置してあります。
  • プラグインモードのみに対応
  • 不具合報告お願いします。

メニューや各インデックスが邪魔な場合はHTMLより削除ください。メニューを削除した場合にデザイン的になんか寂しく感じてしまうようならタイトル下ボーダーカラーと同じ色の5pxラインを画像下部に直で挿入すればいいと思うよ。

重要告知として今回のテンプレートは構造上、カラムの左右変更・幅の変更・背景色の変更は画像などが絡んでいるので簡単には出来ない仕様になっております。メニューの変わりに横型カレンダーの挿入も幅的に多分無理です。なのでその手のカスタマイズは諦めてください><;

■ カラー変更支援ツール(menu-530用)

■ 基本的なカスタマイズ情報(野生の勘などを働かせて応用してください)

■ テンプレート利用規定

| FC2ブログテンプレート | Permalink | comments:40 | trackbacks:1 | TOP↑

COMMENT

★ lucky&macさん はじめまして
テンプレートご利用ありがとう。
綺麗に表示されてますよ。
とっつきにくい仕様になってるのに上手く背景変えれましたね。スゴイスゴイ。

これからもブログがんばってください。

| ひよこ@管理人 | 2009/10/28 22:00 | URL | ≫ EDIT

はじめまして。^^

「ひよこ君増殖中」のテンプレートと共に、
毎日過ごさせてもらっています。
素人ながら、あちこちのコメントを参考にして、作成しました。
ひよこさんのおかげで、ブログ更新も楽しんでいます♪

ありがとうございます。

| lucky&mac | 2009/10/27 20:46 | URL |

★ +れもん+さん こんばんは
テンプレートご利用ありがとう
上手にカスタマイズできてると思います。
ブログがんばってください。

| ひよこ@管理人 | 2009/10/26 22:10 | URL | ≫ EDIT

こんばんは。
ヒヨコ君増殖中テンプレートMENU 530px版 をDLさせていただきました。
ついでに。。。と、言ってはなんですが、
こちらのカスタマイズ記事(コメント記事)を参考にしてカスタマイズにも挑戦してみました。
た、多分上手くいってると思います?(笑)

わかりやすく解説してあって助かりました。 ありがとうございました。

| +れもん+ | 2009/10/25 19:26 | URL | ≫ EDIT

★ ゆみさん
みましたみました。
嬉しくなるようなコメントたくさん書き込まれてますね。俺の場合は画像が付いてないので?「借ります。」とかそんなコメントがほとんどですヽ(`Д´)ノ

これからも素敵なデザインにして公開していってくださいませ。

| ひよこ@管理人 | 2009/10/01 21:44 | URL | ≫ EDIT

ひよこさん、こんばんわ!!
とうとう正式に配布が開始されました!
嬉しいのと恥ずかしいのとなんか色々入り混じってますが、
とりあえずにやけておりますw

今後もこのテンプレを使わせていただきつつ、
色々なデザインをしていきたいと思っていますので、
今後ともよろしくお願いします♪

| ゆみ | 2009/09/29 20:09 | URL | ≫ EDIT

★ ゆみさん
白くなりました。
どのブラウザを使っているのかわかりませんがhtmlよりbodyのほうが優先されるのでbodyがグレーならhtmlが白でも背景はグレーになると思うのでIE7のほうが正解かもしれません。

ただ、なぜ俺はhtmlとbodyに背景設定してるんでしょうね?きっと何かあるに違いないですw

| ひよこ@管理人 | 2009/09/17 00:36 | URL | ≫ EDIT

あーっ!
下記の件、解決しました!w
html{
ではなく
body{
の方の背景が白設定になっていませんでした;
そしてIE7での確認をすっかり忘れていましたねー;
もう白く見えると思いますー。やれやれ><

| ゆみ | 2009/09/15 22:49 | URL | ≫ EDIT

>土台がしっかりしている~
ですよねーwそう思って安心しておりますw
それで、

html {
background-color: #F7F7F7;
}

↑のところですが、ちゃんと白に変更しているんですよ。
それで、旦那のPCにいれてあるIE7で確認したところ、
なんとまぁ灰色になってましたΣ
これはどうしてだろう@@;
っと、まだちゃんと調べてないので、とりあえずIE7では灰色に見えているということが分かった点のみご報告しておきますー。
あとなんか、左側にもラインはいってますねぇ・・・。

| ゆみ | 2009/09/15 22:36 | URL | ≫ EDIT

★ ゆみさん
>色々と最初は大変かも?
土台のテンプレートがしっかりしてるから大丈夫ですよ。←嘘です言ってみたかっただけですw。でも完成されたテンプレートはそのまま使ってもらうだけだから大丈夫だと思いますよ。

俺が言っている背景はここのことです。
hiyoko-menu530はhtmlに#F7F7F7と言う薄いグレーを入れています。

http://blog-imgs-31.fc2.com/h/i/y/hiyokokun/yumi002.jpg

意図的なら別に良いのですが、もし画面の設定かなにかで白く見えているのなら下記に指定してあるカラーを変更してください。

html {
background-color: #F7F7F7;
}

| ひよこ@管理人 | 2009/09/15 22:03 | URL | ≫ EDIT

おはようございますー。
夏が終ったというのにまた水不足が来ましたが、今日は雨でございます。

色々と検討していただき、ありがとうございます!ぜひ提案していただいた件で実行してみたいと思います。すごく嬉しいです!色々と最初は大変かも?と思っておりますがw著作権表示と許可をもらっている説明、了解いたしました。

ところで、ボーダーの件はいいのですが、背景がグレーというのは・・・IEとFirefoxで見たところ、両方とも背景は白く見えているのですが何でだろう@@;

| ゆみ | 2009/09/15 08:23 | URL | ≫ EDIT

★ ゆみさん こんにちは
すごしやすい季節になってきましたね。第一弾テンプレート拝見させていただきました。完成度高いですね。背景は意図的にグレーなのかな?

配布のことをいろいろ考えてみたんだけど、ゆみさんがうちのテンプレートの改造版として、ご自分で共有に登録してみますか?ゆみさんもきっとあれやこれや説明するより自分の使って欲しいそのままの形で使ってもらえると思うので。

条件としては
テンプレート中にあるうちのクレジット(リンク)は消さない。
共有登録する際のテンプレートの説明に許可を得たことを明記する。

これでどうでしょう?検討してみてください。

P.S.
そう言えばhiyoko-menu530は#containerの左側だけにボーダーが入ってて右側のボーダーは画像でまかなっていると言うおかしな作り(画像参照)になってるので、いらなければ取っ払うと良いかもです。

http://blog-imgs-31.fc2.com/h/i/y/hiyokokun/yumi001.jpg

#container {
width: 790px;
text-align: left;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #CCCCCC;
}

| ひよこ@管理人 | 2009/09/14 23:23 | URL | ≫ EDIT

こんにちわ、ご無沙汰しておりますー。

暑い夏も終って涼しくなってきましたね!
やっとまずは簡単なものからーと思っていた画像が出来上がったので、お知らせに参りましたー。
が、ちょっと伺いたいことがありまして;

今回配布するのは、背景・トップ(ヘッダー)画像・リストアイコンの3つなのですが、それらを載せたテンプレは私が現在使用している、少々CSSやら何やらをいじったものです。
そこで、下記のように、どう見せる(配布する)のが一番よい方法なのかご相談です。

1.大元のテンプレ(ヒヨコ君さんが配布していらっしゃるテンプレ)を利用して、画像を変更したものをサンプルとして見せたほうがいい。画像に合わせて変更した色の部分は紹介する。

2.私がいじったテンプレをサンプルとして利用してもよい。ただし、配布は画像のみで、CSS等は自分で頑張ってみてね☆みたいなのを表記する。

3.ヒヨコ君さんに画像変更したサンプルページを載せていただき、変更したテンプレと画像を配布していただくほうがいい。※こちらの画像を利用したテンプレートはヒヨコ君さんのところで配布していますーのような感じで。

4.私の方で変更したテンプレと画像を一緒に紹介し、ヒヨコ君さんのところのテンプレを利用して作りましたよーと言ってテンプレごと配布する。
※これは再配布にあたると思うので候補にはないのですが、一応書いておきます。

以上4点ほどで迷っております^^;
うまくお伝えできないので4点になっていて実際は同じことをいっていたり、よく分からない点があるかと思いますが@@;
よろしくお願いします。

| ゆみ | 2009/09/14 17:34 | URL | ≫ EDIT

★ ゆみさん こんにちは
うんうん。増えてきたら切り替えると良いかも。
ネトゲ?も制作もがんばってくださいw

| ひよこ@管理人 | 2009/07/27 23:12 | URL | ≫ EDIT

こんにちわー。
サンプル表示方法・・・納得です。HTMLにするかプレビューでするか迷うところですが、とりあえずはプレビューにして、増えてきたら考えようと思います♪
ご伝授ありがとうございました^^

楽しみにしてくださってありがとうございますっ。やっと土台ができてきたので、そろそろデザイン作り開始かなーといったところです。

| ゆみ | 2009/07/27 09:41 | URL | ≫ EDIT

★ ゆみさん こんばんわ。
いえいえ楽しみにお待ちしてます。プレッシャーになるかな?w

えとテンプレのサンプルなんかは”テンプレート管理”にある”テンプレート名/プレビュー”のアドレスを貼れば他の人も見れます。ただ、サンプルをたくさん作るとその分ストックテンプレートが増えていくので俺はHTMLに書き出してHTMLファイルとしてうpしてそのファイルにリンクさせてます。

| ひよこ@管理人 | 2009/07/24 23:27 | URL | ≫ EDIT

こんばんわ!
許可を下さってありがとうございます。とても嬉しいです。
今はまずはメインのブログ構築をきちんと整えている状態ですので、配布スタートが決まったらお知らせいたします♪

ところで、テンプレートのサンプルを表示するのに、普段お使いのテンプレートではなく「そのテンプレートのデザイン」にページがなっているようですが、そうするには何か特別な記述が必要なのでしょうか?
私も配布にあたって、サンプルページを作って見せた方がいいと思うのですが・・・どこをいじったらそのページのテンプレートを変更できるのか、ご伝授いただけますでしょうか。色々とグーグルで検索をかけてみたのですが、解明しませんでした;
よろしくお願いします。

| ゆみ | 2009/07/24 00:45 | URL | ≫ EDIT

★ ゆみさん はじめまして
テンプレートご利用ありがとう。
嬉しいお言葉ありがとう。ブログでの紹介もありがとう。

画像の配布!大歓迎です。昔やってたブログでも同じようなテンプレ作ってたんだけど、その時はいろいろな人がTOP画像を作ってくれてワイワイ楽しくやってました。またそんな風になればなぁなんて思っているのでがんばってください。

もしよければ配布をはじめる頃にコメいただけると幸いです。

| ひよこ@管理人 | 2009/07/23 22:40 | URL | ≫ EDIT

初めまして、こんにちわ。
このたびヒヨコ君さんのテンプレートをお借りして、
カスタマイズをさせていただいております。
とても分かりやすく・見やすい記載にカスタマイズがしやすく、感謝しております♪まだ途中ではありますが;;

そこで質問させていただきたいのですが、利用規定にありますように、”再配布・改造しての配布の禁止。他所への持ち出しの禁止。”ということですが、ヒヨコ君さんのテンプレートに合わせて作った素材の配布のみを、今後やってみたいと思っておりますが、その辺は大丈夫なのでしょうか。
CSSで画像の変更部分だけピックアップして説明したりすることになると思います。

今後もまた新旧テンプレ楽しく拝見させていただきます♪

| ゆみ | 2009/07/23 15:00 | URL | ≫ EDIT

★ オキナさん
わざわざありがとう。
とてもカッコよく仕上がってると思います
みてないけどw

気が向いたら見せにきてください。

| ひよこ@管理人 | 2009/05/25 23:23 | URL | ≫ EDIT

fc2のテンプレ検索でたまたま見つけたんですけど
すっごく使いやすいです!

ありがとうございましたw

| オキナ | 2009/05/25 04:37 | URL |

★ manannanさん ども。
あー全然おkですよ。danielさんのツリースクリプトは使用したことないのですが綺麗にツリー化されてますね。これは共有プラグインに登録するものなのでしょうか?

うちもカテゴリーで似たような形式でツリー化の共有プラグインを登録してますが、このような統一性のあるツリー化プラグインが共有されればな・・・なんて思ってます。

| ひよこ@管理人 | 2009/03/12 16:57 | URL | ≫ EDIT

すみません、他の方のテンプレートとプラグインで遊んでしまいました。もしNGがあれば記事からは消しますので、教えてください。

| manannan | 2009/03/10 09:54 | URL | ≫ EDIT

★ naomiさん あらまぁおひさしぶり
どぶちゃん不具合大変なんだ・・・とりあえずFC2ブログへようこそ!

いえいえうちのテンプレート盛上げてくれてこちらこそ感謝してます。どぶちゃんは小さいながらユーザー同士で助け合って繋がってたから楽しかったな・・・FC2も初期の頃は運営と微妙に繋がっててこっちの意見通してくれたりしてたんだけどメジャーになってきた頃からかほぼスルーされるようになった(死んでしまえ)w

こっちのテンプレート配布は共有機能ってのがあるから楽しいよ。
CSSはもうばっちりだと思うのでHTMLを少し勉強すればちょちょいのちょいで公開できるようになると思うから気が向いたら手を出してみて。

あとなんかわかんない事あったらいつでもおいで。
あんな事やこんな事まで教えてあげるよ。
これからもよろしくね~

| ひよこ@管理人 | 2009/02/21 23:54 | URL | ≫ EDIT

ご無沙汰しております。
Doblogでお世話になった(なりっぱなしだった)naomiでございます。

いろんな障害があっても、とりあえず(笑)どぶちゃん一筋で
やってまいりましたが今回の障害で引っ越しを覚悟し、
いろいろ探した結果FC2にたどり着きました。
そしたら、ヒヨコ君様発見!!!!!

いやー、ここは機能・設定が多いこと、多いこと(+_+)。
どぶちゃんがシンプルだったから尚さら感じるのかもしれません。
こちらのテンプレ―ト、お借りいたします。
どぶちゃんに入りたての頃を思い出しながら
ヒヨコ君様のテンプレートから始めてみたいと思います☆

これからもどうかよろしくお願い申し上げます。

追伸:FC2でのテンプレ作成はやめときます。最近老眼で…(笑)。

| Mrs.ブヒ | 2009/02/21 12:39 | URL | ≫ EDIT

★ ツバサさん
いえいえ。無問題です。

| ひよこ@管理人 | 2008/12/21 18:35 | URL | ≫ EDIT

すみません!違うここのテンプレに変えました;;><

| ツバサ | 2008/12/21 02:26 | URL |

はじめまして!ツバサと申します!
今日からこのテンプレつかわせていただきますっ><
すごく便利です!!

| ツバサ | 2008/12/21 02:17 | URL |

★ papagonさん
テンプレートご利用ありがとう。
全然問題ありませんよ。頑張って売上伸ばしてください。

| ひよこ@管理人 | 2008/11/03 23:30 | URL | ≫ EDIT

ショッピングブログとして使わせていただいてます!
今までは"NEWS"を使ってましたが色を変えようと思い
"MENU-530px"をちょっといじってみました!
いまさらなんですが商用に使っても良いんでしたよね・・・?

| papagon | 2008/11/03 20:08 | URL |

★ ゆいちゃ
いえいえ。また飽きてきたらうちみたいにワンポイントの画像みたいにもできるから遊んでみてください。

MENU530使ってくれてる人のブログを覗いたりしてたんだけど結構取っ払ってる人が多いよ。まあ3つってかなり中途半端だから見せたいものを限定するのも難しいし、なににしようか考えるのも面倒だからなのかなw

グラコロ良いね。ポテトと同じで冷めるとやばいけどw

| ひよこ@管理人 | 2008/10/10 23:26 | URL | ≫ EDIT

おkでよかった ヽ(´ー`)ノ ありがとう
少し変えると気分も変るし♪
色つきに少し飽きてきてたしね(笑)

このMENU530版は メニューのリンク先が3つだから
前の750より使うのが簡単かも
あと公式カテゴリツリー化用CSSも入ってるんだね
新しく使う人に親切なテンプレートになってるなぁと思った(*´・ω・`)ウンウン♪

そかぁ セットもSMLがあればいいのにね
普通のセットじゃ足りない人もいるだろしw
そろそろグラコロが出る季節だね♪

| ユイ | 2008/10/10 01:41 | URL | ≫ EDIT

★ я★さん
がんばりまーす。

| ひよこ@管理人 | 2008/10/09 22:41 | URL | ≫ EDIT

はい!ありがとうございました!
これからも ひよこさんのご活躍を楽しみにしています!

| я★ | 2008/10/09 07:05 | URL | ≫ EDIT

★ ゆいちゃ
おー頑張ったね。そのテンプレにそのサイドメニュータイトルもありだね。
使いまわしは全然おkですよ。知ってると思うけどその画像はページセレクトやらコピーライトの背景画像。手抜きバレるからあんまり言うなw。

夕食マックセット食べた。
ポテトはSでも全部食べるともういいですってなるw。しかもセットはMが付くからもう勘弁してくださいって思いながらメインのハンバーガーをお腹に詰め込むって感じ。いつもそうだよ!マックの罠だ罠。ポテトのSSサイズがあればいいのに!

| ひよこ@管理人 | 2008/10/09 00:08 | URL | ≫ EDIT

Doblog版ブログのリンクがLinksにあるから 見に行ってましたよ♪
カスタマイズとか そちらでも参考になる記事があったしね♪

公開されたので質問です
もう ここのテンプレートではサイドナビ変わってるけどw
私の使ってるhiyoko-calendar750のサイドタイトルのところに
hiyoko-menu530のサイドナビゲーションの画像を使ってもいいのでしょうか?
あのちょっとグレーがかった背景がいいなと思って ハイ。

前に記事タイトルワンポイント画像は ヒヨコ君テンプレート内で使いまわしOKと聞いたのですが・・・

今 とりあえず marginなどは変えずに
コピペでCSSにそのまま貼ってみました
こういう使い方まずかったら 元に戻しますので
また見てみて下さいね(*- -)(*_ _)ペコッ

今日の夕飯がマックセットだったのかなぁ
ポテトのSでお腹いっぱいになるのかな(笑)

| ユイ | 2008/10/08 22:51 | URL | ≫ EDIT

★ я★さん はじめまして
嬉しいお言葉ありがとう。
綺麗にまとまってていい感じだと思います。

当テンプレートは再配布しない限り好きなように弄って構いません。どうぞご自由にいろいろ遊んでみてください。カスタマイズ情報に多少の情報があるので暇な時にでも覗いてください。質問の方は自己解決したようですね。

これからもがんばります。

| ひよこ@管理人 | 2008/10/04 21:48 | URL | ≫ EDIT

初めまして 今日からテンプレを使わせて頂いてます!
とても使いやすく TOP画像の変え方説明なども画像つきで
タグがまったくわからない私でも簡単に設定できました
本当にありがとうございます(・・`。

心から ひよこさんのお手製テンプレに
巡り合えたことに感謝をしていますっ

そして ひよこさんお手製のテンプレの
日記の記事部分の文字の色と
日記の記事のタイトル(両方とも現在黒色)を変えたいのですが
文字の色を変えても大丈夫でしょうか?(・・`;

やり方も分からない そんなアフォな人なので
お手数でなければ ご指導いただけたら…と思いまして
…図々しいですよね すみません(_ _ ;

今後の新作も楽しみにしています!
これからもがんばってくださいっ(・・`*

| я★ | 2008/10/04 06:43 | URL | ≫ EDIT

★ ユイさん
あらドブさんとこのうちのブログ知ってんだw
ミスチルはゆいちゃの言う通り歌詞見ないとほんとなに言ってんのかわかんないよねw

カラーツールは俺も好きですよ。自画自賛w。あんまり反応無いのに何でがんばってるんだろう?なんて思うこともあるけどたまに嬉しい言葉貰えるからいいや。あなたとかw

公開時期ってみんなどう調節してるんだろう。作ろうと思った1ヶ月前ぐらいに予約みたいに登録して作っていくって方法もあるんだろうけど、俺なんて突発的だから無理だ。

| ひよこ@管理人 | 2008/09/25 00:02 | URL | ≫ EDIT

どこかで見たことが・・・と思ったら
Doblog版のに感じが似てるのかな

遠くから ひよこくんの歌う声が聞こえてきました(笑)

メインとサイドメニューの幅が変わるだけで
感じが全然変わるのね
5つもメニュー必要ないけどって思ってた人には嬉しいテンプレートかも♪

カラー変更支援ツールは使いやすくて好きですよ
色の変化や雰囲気すぐつかめるし
そう言いながら 青から変化しないけど・・・
いや 時々微妙に変えてることもあるんだよーw

それにしても公開待ちが100を超えてるとは!
季節感あるのを申請してもムダになるみたいだよねぇ
シンプルが一番ってことで♪

| ユイ | 2008/09/24 00:52 | URL |

※重要告知
カスタマイズの質問に対するサポートは多忙なためお休み中です。ご理解の程よろしくお願い致します。

TRACKBACK URL

言及リンクの無いトラックバックは受け付けておりません。

http://hiyokokun.blog2.fc2.com/tb.php/594-f95832f0

TRACKBACK

ゴゾゴゾ・カスタマイズ

Fc2ブログに移行して早2ヶ月、もうすぐ3ヶ月です。 共用テンプレートを使用する場合、 Templeterの意向でカスタマイズできる箇所が限られてしま...

| Ce qui sera, sera | 2009/10/25 19:55 |

PREV | PAGE-SELECT | NEXT