MY CSS DESIGN

最新記事のRSS

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

| PAGE-SELECT |

≫ EDIT

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

季節の変わり目。なにやら無性になにかしたくなるんです。という事で黒いテンプレートを作ってみました。昔に遊びで作った土台があったので余裕だろうと思いきや予想を大きく下回る完成度で修正に4~5時間かかってしまいました。トホホ。

今回のテンプレートはhiyoko-menu750黒バージョンです。しかし黒といっても真っ黒ではなく渋い感じになるように微妙にトーンを変えてあります。そしてリンクスタイルなどを少しスタイリッシュ(中二病的)に仕上げてみました。見た目は大人。中身は中二みたいな感じです。

ヒヨコ君増殖中テンプレートmenu-black-750px版

カスタマイズに関しては基本は他のテンプレートと同じです。記事の幅やその他もろもろも750px版や3カラム版と大体同じなので当テンプレート使用者ならスムーズに移行できると思います。そしていつもの事ながら作者の癖などをできるだけ排除した配色になっているのでお好きなようにカスタマイズして素敵なテンプレートに仕上げてあげてください。

■ 主な概要

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

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

■ テンプレート利用規定

修正履歴

  • 11月26日AM6:00頃発見。コメントのタイトルが見難くなるミスを修正。

■ 余談

当初の計画ではhiyoko-calendarとhiyoko-menuの黒バージョンを作る予定でしたが、calendarの方は需要がそれほど無いだろうと考え除外しました。ただこのスタイルで3カラムに挑戦してみようかと思っています。上手くバランスが取れるようであれば登録するかもしれません。気まぐれなのでいつになるかわからないしバランスも取れるかわからないのであまり期待しないように願います。

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

≫ EDIT

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

今年も残りわずかになりましたが皆様いかがお過ごしでしょう?俺はと言えばインフルから回復してかなり元気になっているのですが行くところがなくて毎日ムラムラムズムズしていている状態です。そんなこんなで、あまりにも暇なもんだから年内中にもうひとつテンプレートを登録しておきました。

今回のテンプレートはhiyoko-menu530の3カラム版です。ええ、先日出した3カラム版が予想を大幅に超える需要だったので調子こいてみました。トップ画像の横幅は530pxなので950px版に比べてかなり作りやすいと思いますので950px版のトップ画像作成で挫折した貴方、950版だといまいち垢抜けないとお困りの貴方は是非使用してみてください。

ヒヨコ君増殖中テンプレートmenu530px3カラム版

■ 主な概要

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

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

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

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

■ テンプレート利用規定

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

≫ EDIT

ヒヨコ君増殖中テンプレートMENU 950px 3カラム版

今回は初の3カラム業界参入です。なんとか2日で仕上がりました。2日といってもテンプレート自体は簡単に作れるんですが、登録するための下準備の方に時間がとられる。まんどくせぇ。

横幅はYahoo!と同じ950pxにしてみました。基本的な作り、記事の幅、サイドの幅なんかは2カラム版とほぼ同じなので当テンプレートを使っていた人なら違和感なく移行できると思います。がしかし!横幅950pxと言うトップ画像を作るのが凄い大変だと思います。バランス的な意味で。どうぞがんばって素敵なテンプレートにしてください。

公開されました!。皆さんダウンロードありがとう。

■ 主な概要

  • テンプレート名:hiyoko-menu950
  • ベースカラーは簡単に変更可能です。
  • トップ画像は差し替えてお使いください。※今回のサイズは950×200です
  • 基本的なカスタマイズに必要と思われる記述はCSS上部に配置してあります。
  • プラグインモードのみに対応
  • 不具合報告お願いします。

デザインサンプル

■ カラー変更支援ツール

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

■ テンプレート利用規定

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

≫ EDIT

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

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

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

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

■ 主な概要

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

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

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

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

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

■ テンプレート利用規定

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

≫ EDIT

ヒヨコ君増殖中テンプレート。ラメ入り紅茶バージョン第2弾

コラボ作品第二弾です。素材をお借りしたのはラメ入り紅茶さん。今回は男女兼用のつもりです。INDEX類は外してみた。また同じようなテンプレートですがよろしくおながいします。

ヒヨコ君増殖中テンプレート ラメ入り紅茶バージョン2

■ 主な概要

  • テンプレート名:hiyoko-lametea02
  • 画像を差し替えるようなカスタマイズは不可
  • 画像を差し替えたい人はhiyoko-calendar750をご利用ください。
  • 印刷用CSS有り。
  • プラグインモードのみに対応
  • 不具合報告お願いします。

■ テンプレート利用規定

公開されました。またも撃沈臭い。もう俺の時代は終わったのか・・・そもそも始まってねーだろって話だけど自分のテンプレートに足りていない物を探す旅に出ようと思う。探さないで下さい。

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

≫ EDIT

ヒヨコ君増殖中テンプレート。ラメ入り紅茶バージョン

当テンプレート初コラボ作品です。素材をお借りしたのはラメ入り紅茶さん。カスタマイズは敷居が高いなぁなんて思ってた人は使ってみてください。

ヒヨコ君増殖中テンプレート ラメ入り紅茶バージョン

こんどこそ女心を掴んでやんよ!。嘘です。言ってみたかっただけですw

■ 主な概要

  • テンプレート名:hiyoko-lametea01
  • 画像を差し替えるようなカスタマイズは不可
  • 画像を差し替えたい人はhiyoko-calendar750をご利用ください。
  • NewEntriesの件数は環境設定→記事の設定→最新記事一覧の表示件数で調節できます。 要らなければHTMLから削除ください。
  • 印刷用CSS有り。
  • プラグインモードのみに対応
  • 不具合報告お願いします。

■ テンプレート利用規定

公開されました。今回いろんなタイミングが悪かったような・・・。そんなことよりまた女心を掴み損ねた予感がする(TωT)

またいつか女心にリベンジしてやる!!!

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

≫ EDIT

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

はてさて今回のテンプレートはニュース系のサイトを意識して作ってみました。一見完成されているようにみえますが当テンプレートシリーズの特徴でもあるトップ画像変更やベースカラーの変更は他のテンプレート同様、簡単に変更可能にしてあるので好きなようにカスタマイズしてお使いくださいませ。尚、あまりにも需要が無いようなら管理していくのが面倒なので削除する可能性がありますので欲しい人はお早めにどうぞです。

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

何気に需要があるようなので復活。

■ 主な概要

  • テンプレート名:hiyoko-news
  • メニューの増減可能。
  • サイドメニュータイトル左ボーダーの色変更可能
  • 英訳リンクを挿入してみた。←削除しました。
  • 管理リンクは新管理画面用にしておきました。
  • 印刷用CSS有り。
  • プラグインモードのみに対応
  • 不具合報告お願いします。

■ NEWS900px版

使用方法は土台となるHTML(hiyoko-news)をダウンロードしCSSのみを上書きしてください。尚、現在FC2ブログでは同ネームのテンプレートがダウンロードできなくなっているので両方とも必要な場合はダウンロードしたテンプレートをリネームしてください。そうすれば同じテンプレートでもダウンロード可能になります。

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

今回、追記の展開やツリースクリプトは外してあります。もしご利用になられるのなら別の当テンプレートのソースを参考に挿入くださいませ。

■ テンプレート利用規定

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

≫ EDIT

ヒヨコ君増殖中テンプレートCALENDAR 750px版

当テンプレートシリーズもついに第6弾になりました。毎回同じようなテンプレートばかり登録してごめんなさい。さて今回のテンプレートは主に色変更に力を入れて作ってみました。CSSを2箇所変更する事でベースカラーが変更可能になっております。ついでにカラー変更支援ツールも作ったのでそこんとこよろしく。

当テンプレートを初めて使う人もいるだろうから少し宣伝を・・・。
当テンプレートシリーズは画像や色を差し替える事で『あなた色に染まります(キモッ!)』的な作りになっております。これを一般的に『ひよこテンプレートマジック』と言うのですが・・・言いません!。も、もしかしたら言うかも・・・。まあそんな事はどうでもいいとして、どうぞ自分の好みの色や画像を使用してあなただけの素敵なテンプレートを作成してください。ついでにその製作過程も楽しみやがれでございます。

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

■ 主な概要

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

■ カラー変更支援ツール

■ デザインサンプル

TOP画像に関しましては1枚の大きな画像にこだわらず壁紙を利用して模様を繰り返させるなんて方法もあります。って事で今回はラメ入り紅茶さんの所から素材を数点お借りして適当にデザインサンプルを作ってみました。

デザインサンプル 素材屋さん
デザイン1 ラメ入り紅茶
デザイン2
デザイン3
デザイン4

※画像は素材屋さんからお借りしている物なのでデザインサンプルからの直リンやお持ち帰りは絶対にしないで下さい。また、素材屋さんから画像をお借りしテンプレートで使用した場合はサイド一番下の著作表示部分にお借りした素材屋さんのリンクを挿入してください。(Photo by 素材屋さん icon by 素材屋さん)

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

■ テンプレート利用規定

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

≫ EDIT

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

久しぶりにテンプレートの登録してみました。とんでもない速度で新着テンプレートが流れていくので登録するのを躊躇していましたが、待っていても何も始まらないので公開に踏み切りました。新着テンプレート1ページ目に1日すら持たなかったら泣きます。

今回のテンプレートはhiyoko-menuの750px版です。menu部分を少し改良し背景色を変更できるようにしてあります。毎度の事ながらカスタマイズ前提に作られているのでグレーを基調とした無難なデザインとなっております。どうぞお好きな色に変更してお使いくださいませ。

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

■ 主な概要

  • テンプレート名:hiyoko-menu750
  • トップ画像は差し替えてお使いください。※今回のサイズは750×200です
  • 上部にあるに5メニューのタイトル・リンクはお好きなように変更ください
  • 記事中の画像横幅最大470pxです。
  • 簡単なカスタマイズに必要と思われる記述はCSS上部に配置してあります。
  • New Entriesの件数は管理画面→環境設定の変更→ブログ設定→最近の記事リストの表示数から変更可能です。
  • プラグインモードのみに対応
  • hiyoko-menu750のカラー変更方法。
  • 色見本/カラーチャート
  • 不具合報告お願いします。

■ テンプレート利用規定

基本的な作りは以前のテンプレートとほぼ同じなのでヒヨコ君増殖中テンプレートを使用した事ある人なら簡単にお好みのデザインに変更できると思います。いろいろな画像を差し替えたりして自分だけの素敵なテンプレートを作ってみてください。

カスタマイズ情報(応用してください)

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

≫ EDIT

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

今回は女性をターゲットにしたテンプレートを作ってみました。毎度の事ながらユーザー側で手を加える事で完成します。『ピンクっぽい色にしてハートを付ければイケるんちゃうん?』なんて女心をまるでわかってないかもしれないテンプレートですがよろしくお願いします。

カラー変更を想定して作っているので細部はなるべく各カラーに依存しないような色を使用しています。なので基本カラー・記事アイコン・トップ画像を変更する事で男女問わず使用できると思います。

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

■ 主な概要

  • テンプレート名:hiyoko-calendar
  • プラグインモードのみに対応
  • トップ画像は差し替えてお使いください。※サイズは710×170px
  • 記事中の画像横幅最大440pxです。
  • 基本的なカスタマイズに必要な記述はCSS上部に配置してあります。
  • TOPにあるNewEntriesが邪魔な場合はNewEntriesの消し方をどうぞ
  • 基本カラーカスタマイズ方法
  • 色見本/カラーチャート
  • 不具合報告お願いします。

■ テンプレート利用規定

■ ひよこブログデザイン履歴(参考になれば幸いです。)

画像は各素材屋さんからお借りしている物なのでデザイン履歴からの直リンやお持ち帰りは絶対にしないで下さい。また、素材屋さんから画像をお借りしテンプレートで使用した場合はサイド一番下の著作表示部分にお借りした素材屋さんのリンクを挿入してください。(Photo by 素材屋さん icon by 素材屋さん)

デザイン履歴 お借りした素材屋さん
DESIGN1 Onefineday (TOP画像)
DESIGN2 HEAVEN'S GARDEN (トップ&ワンポイント画像)
DESIGN3 NOION (TOP画像)
DESIGN4 MIYUKI PHOTO (TOP画像)
壁紙を敷き詰めるのも1つの方法です。↓3画像ランダム表示
壁紙仕様 Salon de Ruby (TOP壁紙)

■ カスタマイズ情報(応用してください)

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

≫ EDIT

ヒヨコ君増殖中テンプレート750px版(犬)

えと、当テンプレートの幅サイズは700px 720px 800pxとなっていたのですが、ここだけで配布している720px版があまりにも微妙なので750px版として生まれ変わる事になり、それと共に一般公開することにしました。『微妙に幅が足りひん・・・』なんて思っていた人は使ってみてください。

ヒヨコ君増殖中テンプレート犬・猫750px版

■ 主な概要

  • テンプレート名:hiyoko-dog750
  • プラグインモードのみに対応
  • トップ画像は差し替えてお使いください。
  • 画像設定の記述はCSS上部に配置してあります。
  • 記事中の画像横幅最大475pxです。
  • サイドメニューの幅も15px増やしてみた
  • よく見かけるカスタマイズミス例
  • 不具合報告お願いします。

■ テンプレート利用規定

■ お勧め素材

素材辞典 Vol.124 子犬と子猫編 素材辞典 Vol.124 子犬と子猫編
Array (2003/05/06)
データクラフト
この商品の詳細を見る

■ カスタマイズ情報(応用してください)

質問等はできるだけ該当するテンプレートの記事にお願いします。

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

≫ EDIT

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

今年はチャレンジの年と言う事で久しぶりにテンプレートを公開します。仕様的には以前と同様、ユーザー側で手を加えることで完成となるテンプレートです。

テンプレートにはTOP画像下にメニューが5つ付いています。読ませたいコンテンツなどある人はHTMLからリンクを変更してご利用ください。要らなければHTMLから削除でもしてください。

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

■ 主な概要

  • テンプレート名:hiyoko-menu
  • プラグインモードのみに対応
  • トップ画像は差し替えてお使いください。
    ※今回のサイズは710×170です
  • メニューをクリックするとDESIGNサンプルが見られます。
  • サンプルで使用しているTOP画像は残念ながら配布できません。(直リンも駄目です。)
  • 記事中の画像横幅最大440pxです。
  • New Entriesの件数は管理画面→環境設定の変更→ブログ設定→最近の記事リストの表示数から変更可能です。
  • 基本的なカスタマイズに必要な記述はCSS上部に配置してあります。
  • 上部にあるに5メニューのタイトル・リンクはお好きなように変更ください
  • MENUボーダーカラー変更方法
  • 色見本/カラーチャート
  • よく見かけるカスタマイズミス例
  • 不具合報告お願いします。

■ テンプレート利用規定

■ 素材

素材辞典 Vol.100 大空と彩雲編 素材辞典 Vol.100 大空と彩雲編
Array (2001/10/26)
データクラフト
この商品の詳細を見る

素材辞典 Vol.124 子犬と子猫編 素材辞典 Vol.124 子犬と子猫編
Array (2003/05/06)
データクラフト
この商品の詳細を見る

基本的な作りは以前のテンプレートとほぼ同じなのでヒヨコ君増殖中テンプレを使用した事ある人なら簡単にお好みのデザインに変更できると思います。いろいろな画像を張り替えたりして自分だけの素敵なテンプレートを作ってみてください。

■ カスタマイズ情報(応用してください)

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

≫ EDIT

ヒヨコ君増殖中テンプレート800px版(PURE)

リクエストがありましたので800px版ってのを作ってみました。レイアウト的にどんな感じになるのかわかりませんがどうぞ。

ご使用方法は、当テンプレート本体をダウンロードし下記リンク先のスタイルシートを上書きくださいませ。元HTMLは最新バージョンのものをお使いください。現最新バージョンはver1.6(2008.1.7)です。

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

※記事中の画像横幅最大540px程度まで大丈夫だと思われます。よろしく。

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

≫ EDIT

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

当テンプレートのダウンロード数が4000を超えました。ご使用ありがとう。との事で”hiyoko-pure"を作ってみました。まぁ"hiyoko-dog"のカラーを変更しただけなのですがね・・・。もしよければ使ってやってください。下の画像をクリックする事でサンプルが見られます。

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

■ 主な概要

  • テンプレート名:hiyoko-pure
  • プラグインモードのみに対応
  • トップ画像は差し替えてお使いください。
  • 画像設定の記述はCSS上部に配置してあります。
  • 記事中の画像横幅最大440pxです。
  • New Entriesの件数は管理画面→環境設定の変更→ブログ設定→最近の記事リストの表示数から変更可能です。
  • よく見かけるカスタマイズミス例
  • 不具合報告お願いします。

■ テンプレート利用規定

■ 素材屋さん

素材辞典 Vol.100 大空と彩雲編 素材辞典 Vol.100 大空と彩雲編
Array (2001/10/26)
データクラフト
この商品の詳細を見る

カスタマイズ・バージョンアップに関しての情報はこちらをご覧くださいまし。

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

≫ EDIT

ヒヨコ君増殖中テンプレート720px版(犬)

当テンプレートのダウンロード数が3000を超えました。皆様ありがとうございます。って事で、720px版ってのを作ってみました。まあ、横幅を20px増やしただけなんですがね。

ご使用方法は、当テンプレート本体をダウンロードし下記リンク先のスタイルシートを上書きくださいませ。元HTMLは最新バージョンのものをお使いください。

★ 公開終了

※記事中の画像横幅最大460pxまで大丈夫だと思われます。よろしく。

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

≫ EDIT

ヒヨコ君増殖中テンプレート配布

テンプレート配布を再開しようと思います。

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

■ 主な概要

  • テンプレート名:hiyoko-dog
  • プラグインモードのみに対応
  • トップ画像は差し替えてお使いください。
  • 画像設定の記述はCSS上部に配置してあります。
  • 記事中の画像横幅最大440pxです。
  • New Entriesの件数は管理画面→環境設定の変更→ブログ設定→最近の記事リストの表示数から変更可能です。
  • よく見かけるカスタマイズミス例
  • 不具合報告お願いします。
  • コメント欄に多少のカスタマイズ情報があります。

■ テンプレート利用規定

素材辞典 Vol.124 子犬と子猫編 素材辞典 Vol.124 子犬と子猫編
Array (2003/05/06)
データクラフト
この商品の詳細を見る

■ 備考

画像差し替えを前提としたテンプレートにしては、予想以上の反響でとても嬉しく思います。そしてWeb初心者の方々がこのテンプレートをきっかけに少しでもCSS・HTMLに興味を持っていただければなと思います。

★ よくある質問・バージョンアップ情報はReadMoreへどうぞ。

≫ 続きを読む?

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

| PAGE-SELECT |