ファビコン作成お役立ちリンク集
先日、ファビコンの記事をチラッと書いたら、変更方法など知らない方がわりといらっしゃることがわかりました。
そこでもう少し詳しくご紹介。
といっても、ファビコン関連の素晴らしいサイトはすでにたくさんありますので、わかりやすく使いやすいところのご紹介だけです、すみません。
»»ホームページ作成ガイド/お気に入りアイコン(ファビコン)の作り方 - TAG index
まず基本的なことはこちらからどうぞ。
...
ファビコンが変わった!
何日か前(たぶん今週初め?)から、FC2ブログのファビコンが変更されましたね。
ファビコンというのは、メニューバーのアドレス先頭や、ブックマークのアタマに付いている小さなアイコンのことです。
(今、ウチで設定している下のようなものです。)
FC2ブログでは、いつの頃からか「ユニコーンマーク」が付くようになりましたが、今までは全部のブログではなく新しいサーバだけのようでした。今回の変更ですべてのサーバ...
【beige_lavender】の全文表示&追記折りたたみ無し版
リクエストをいただきましたので、【beige_lavender】の全文表示&追記折りたたみ無し版を作りました。
»»テストページでの表示サンプル(カテゴリ「テスト」を表示しています。)
各エリアにて、通常通りの全文表記になります。
追記は折りたたみではなく「»»続きを読む」クリックで個別ページに移動します。
HTMLを、以下(追記)のソースと入れ替えて、スタイルシートを少し直して下さい。...
「親子カテゴリ機能追加」のカスタマイズ
カテゴリのツリー化や、サブカテゴリ追加を望む声は以前よりとても多く、今回のFC2における新機能追加は、それに応えたものでしょう。
この度FC2ブログにおいて以下の機能追加を行いましたのでお知らせいたします。
★より便利に細かく分類できる親子カテゴリ機能★
カスタマイズや共有プラグインなどで可能となっておりましたが
公式プラグインのカテゴリで親子カテゴリを設定できるようになりました!...
==2008-06-18 【ブ...
【beige_lavender-3c】
ラベンダーの3カラム版です。
こちらは共有登録いたしませんので、以下のファイルをご利用ください。
>>HTML
>>スタイルシート
>>テストブログでのサンプルプレビュー
ファイルの保存方法
※ Mac:Control&クリックで保存
※ Win:右クリック&保存
※ 文字コードに対応したテキストエディタで開き、任意のテンプレを複製したものにコピー&ペーストしてお使い下さい。
※ ファイルがうまく開けな...
【beige_clover-sky-3c】
リクエストありがとうございます♪
【beige_clover-sky】の3カラム版です。
画像を作るのに時間がかかると思っていたのですが、このトップ画像は横幅ひろーく作っていたことを忘れていました。
2カラム版の画像をそのまま利用することができたので、完成です。
今のところ共有には登録しませんので、お手数ですが下記のファイルをご利用下さい。
通常の3カラム(記事幅固定)と、記事幅可変タイプがあります。(HTMLは共通)
...
【beige_xmas-holynight】全文表示版
リクエストがありましたので、【beige_xmas-holynight】の全文表示版を載せておきます。
テンプレートの編集で、HTMLのみ入れ替えてください。
ソースは追記にあります。
◆当ブログでカテゴリー「カスタマイズ」を表示した例。...
【beige_xmas-green】
リクエストにお答えする時間ができたので、【beige_xmas-blue】のグリーン版を作ってみました。
※画像クリックでサンプルをプレビューできます。
ブルーのイメージで作ったテンプレなので、グリーンだとどうかな?と思ったのですが、こちらの方が普通にクリスマスらしいかもしれないですね(笑)
このテンプレは共有には登録いたしませんので、使ってみたい方は【beige_xmas-blue】をダウンロードしていただき(最新版をダウ...
【beige_xmastree】全文表示&追記折りたたみ無し版
リクエストがありましたので、【beige_xmastree】の全文表示&追記折りたたみ無しバージョンです。
『登録テンプレとの違い』
◆カテゴリ・月別・検索結果・タグエリアで表示した場合も、通常通り記事が全文表示される。
(登録テンプレは記事の要約です。)
◆トップページにて、追記をクリックすると個別記事のページへ移動する。
(登録テンプレは、追記部分が折りたたみになっており、トップページで表示可能。)
◆個別...
【beige_halloween】全文表示&追記折りたたみ無し版
リクエストがありましたので、ハロウィンテンプレの全文表示&追記折りたたみ無しバージョンです。
『登録テンプレとの違い』
◆カテゴリ・月別・検索結果・タグエリアで表示した場合も、通常通り記事が全文表示される。
(登録テンプレは記事の要約です。)
◆トップページにて、追記をクリックすると個別記事のページへ移動する。
(登録テンプレは、追記部分が折りたたみになっており、トップページで表示可能。)
◆個別...
新管理ページへのリンク
管理画面へのリンクといえば「admin.php」ですが、
新旧管理画面の統合までは、今までのリンクだと旧画面になってしまう場合があるようです。
そこで期間限定(統合までの)管理ページリンク書き換え方法です。
ウチのテンプレには、[Admin | Write | Edit] のように管理ページへのリンクを付けています。
テンプレートのHTMLより<!--▼管理ページリンク-->〜<!--▲管理ページリンク-->までを以下のように変更して...
【beige_rose-blue】白背景バージョン
【beige_rose-blue】の白背景バージョンです。
画像を白背景用に作り替えています。カスタマイズで淡い背景色にしたい方は、こちらのファイルより画像をお使い下さいませ。
【beige_rose-blue】をダウンロードしていただき、スタイルシートのみ以下のファイルと置き換えて下さい。(【beige_rose-blue】を「複製」でコピーして、中身を入れ替えていただくのがベストです!)
ファイルの保存方法
※ Mac:Control&クリッ...
【beige_rose-blue】3カラムバージョン
【beige_rose-blue】の3カラム黒背景バージョンです。
»»テストページでの表示例
【beige_rose-blue-w_3c】をダウンロードしていただき、スタイルシートのみを以下のファイルと置き換えて下さい。
(【beige_rose-blue-w_3c】を「複製」でコピーして、中身を入れ替えていただくのがベストです!)...
モバイルプラグインをカスタマしよう!
モバイルテンプレには、PCのプラグインとは別の「モバイルプラグイン」を表示させることができます。まだ数も少なく、共有プラグインもできていないので、便利なPC用を使い慣れているとちょっと不便を感じます。
例えば「最新のコメント」ですが、これを開くと、
コメント投稿者:コメントタイトル(日付)
コメント投稿者:コメントタイトル(日付)
コメント投稿者:コメントタイトル(日付)
:
:
こ...
【beige_ume-light・beige_ume-black】全文表示
【beige_ume-light】&【beige_ume-black】の各エリア全文表示版です。
【beige_ume-light】又は【beige_ume-black】をダウンロードしていただき、HTMLのみ以下のファイルと置き換えて下さい。
ファイルの保存方法
※ Mac:Control&クリックで保存
※ Win:右クリック&保存
保存したファイルを「文字コード対応」のテキストエディタで開いて、テンプレートの編集で入れ替えてくださいませ。(どちらのテンプレート...
【beige_sea-blue-3col】別バージョン
リクエストがありましたので、【beige_sea-blue-3col】の別バージョンを作りました。ページナビ付きで、記事幅が可変になっています。
※画像クリックで、テスト用ブログでの表示サンプルプレビューできます。
【beige_sea-blue-3col】をダウンロードしていただき、HTMLとスタイルシートを以下のファイルと置き換えて下さい。
※一見すると今までと同じようなテンプレですが、登録テンプレートとは画像が違いますのでスタ...
プラグインメニューのカスタマイズ
「プラグイン切替メニュー」のメニュー名を変更する方法は【beige_rose-pink・beige_rose-red】の追記にも書きましたが、「マウスポインタをあてた時の『プラグインカテゴリー1〜3』の部分を変更するには、どこをいじれば良いでしょうか?」というご質問がありましたので、スクリプトの別バージョンを作りました。(この後の説明は、先日の記事と重複する部分もあります。)>>「プラグイン切替メニュー」のjsファイル_title...
【beige_xmaspoinsettia】ページナビ付きバージョン
【beige_xmaspoinsettia】にも、「マスカット」や「グレープ」のように記事上部に「最新記事一覧」など(※通称『ページナビ』)を表示するには?
というご質問がありましたが、解説するより作る方が早いので作ってみました。
本当はすべてのテンプレにカスタマできるような解説を書きたいのですが、時間がかかりそうなのでまたいつかやります。
【beige_xmaspoinsettia】をダウンロードしていただき、HTMLとスタイルシートを...
【beige_xmaspoinsettia】の全文表示版
ポインセチアの各エリア全文表示バージョンです。
こちらは共有には登録しませんので【beige_xmaspoinsettia】(テンプレートID=11305)をダウンロードしていただき、HTMLのみを下記のものと入れ替えてご使用ください。
>>HTMLファイル
表示見本:テスト用ブログで、カテゴリー「テスト」を表示
ファイルの保存方法
※ Mac:Control&クリックで保存
※ Win:右クリック&保存
08.4/17 新管理対応...
管理ページへのリンク
ブログタイトルあたりに管理ページへのリンクがあると便利!
ということで、カスタマイズ方法です。
(実はコメントでリクエスト頂いたのでした...)
<p align="left"><a href="<%url>?admin" title="管理ページトップ">Admin</a> | <a href="http://blog●.fc2.com/ID/admin.php?mode=newentry" title="新しく記事を書く">Write</a> | <a href="http://blog●.fc2.com/ID/admin.php?mode=mo...
【beige_muscat】の記事タイトル・日付横並びバージョン
【beige_muscat】の記事タイトル・日付横並びバージョンです。
横型カレンダー付き!
新着マークプラグイン「NewMark」に対応♪
表示サンプル:
»»テスト用ブログでの表示サンプル
【beige_muscat】をダウンロードし(または任意のテンプレでも構いません。複製することをおすすめします。)、
HTMLとスタイルシートをそれぞれ下記のものと入れ替えて下さい。...
【beige_muscat】全文表示&メニュー開バージョン
リクエストを頂きましたので、マスカットのメニューが最初から開いた状態&各エリア全文表示バージョンを作りました。
こちらは共有には登録しませんので【beige_muscat】(テンプレートID=10215)をダウンロードしていただき、HTMLを下記のものと入れ替えてご使用ください。
>>HTMLファイル
表示見本:テスト用ブログでカテゴリー「テスト」を表示したサンプル
ファイルの保存方法
※ Mac:Control&クリ...
新着マーク
更新頻度のひく〜いウチには必要がないので、全く興味のなかった新着マークですが、FCafeさんの共有プラグインで簡単にできることがわかりました♪まずは「NewMark」というプラグインをカテゴリー3の一番最後に追加する。このプラグインの「HTMLの変更」で、マークや新着期間を設定できます。(変更無しでも使用できます。)そして、ウチでもすっかりお世話になっている「Treeシリーズ」をお好きな場所へ!「Tree-Comment・Tree-TB...
横型カレンダー設置方法
横型カレンダー設置方法についてご質問がありましたので記事にします。(これはウチで配布しているテンプレート用の解説です。)まずどこに入れたいかを決めます。多分ほとんどの場合はブログタイトルの下の方ですよね。HTMLのこんなところを探します。<!--▲ヘッダー-->===ここにカレンダータグを入れます!===<!--▼▼メインカラム▼▼-->カレンダータグは以下の通りです。<!--▼横カレンダー部分--><div id="sid...
Shortest Fold
先日より試行錯誤しております折りたたみスクリプト。いやいや試行錯誤しているのはワタシではなく春木屋マスターなんですが...f^_^;そのお世話になりっぱなしのマスターが折りたたみスクリプトのサイズはどこまで小さくできるかチャレンジしてみた。===折りたたみの力学===ということで「Shortest Fold」というなんともシンプルなものを!!!早速ウチでもテストさせて頂くことに。どうでしょうか?今このマスカットテンプレート...
【beige_sea-blue】記事幅可変
記事本文中に幅の広い画像をご利用の方などは、こちらの記事幅可変バージョンをお試し下さい。
2008年3月5日、【beige_sea-blue】を新管理対応にしました。
可変バージョンに変更したい方は、最新版と以下のスタイルシート(こちらもバージョンアップ済み)をご利用くださいませ。
※テスト用ブログでの表示サンプル
【beige_sea-blue】(テンプレートID=8790)をダウンロードしていただき、スタイルシートのみ下記のもの...
コメントリストの使用方法
ウチのテンプレートには「コメントリストの開閉」を付けています。
これは、個別ページに移動しなくても頂いたコメントを記事の下に表示できる便利モノなのですが、実装されているテンプレートが少ないせいもあって、なかなか使用方法が浸透していないのが残念なところです。
ワタシも以前から(かなり前から...)解説を書かなくちゃ!と言いながら、すっかり忘れていました。
何度かお問い合わせも頂いているので、今日こそは書...
【beige_bluesnow】全文表示版
サ・レままさんからのご質問ですが、ウチのテンプレートはほとんど、各モードエリア(月別表示・カテゴリー表示・検索結果表示)で記事の概要を表示する形になっています。
サ・レままさんのように写真メインのブログなどでは、過去ログで写真も表示したいと思われる方もいらっしゃるでしょうね。
今までこのカスタマイズについての解説を載せていませんでした≦(._.)≧
解説は後日またちゃんと書きますので、とりあえず全文(画...
【beige_wa-ume】オールツリー化ファイル
【beige_wa-ume】のオールツリー化用別ファイルです。
コメントの返信に書いていましたが、わかりにくいのでこちらにも!
ファイルの保存方法
※ Mac:Control&クリックで保存
※ Win:右クリック&保存
HTMLファイル:
http://blog-imgs-1.fc2.com/b/e/i/beigeheart/wa-ume-t.txt
CSSファイル:
http://blog-imgs-1.fc2.com/b/e/i/beigeheart/wa-ume-t.css
プラグインは前回の「オールツリー化計画」http://beigeheart.bl...
Mac IEでの文字化け回避
またまたすみません...。
全部直していたつもりだったのですが、Mac IEでの投稿欄の文字化け...
直していないファイルで登録していました。
クリスマス三部作はすべて同じミスです。
もしMac IEをご利用の方がいらっしゃるようでしたら、再度ダウンロードをお願い致します。
ご自分で修正されるかたは、スタイルシート編集で「投稿部分設定」のフォントファミリーを、以下のように直して下さいませ。
/* ===== 投稿部分設定 ===...


