小粋空間: サイドメニューの折りたたみ for FC2 ブログ
FC2ブログでのサイドメニューの折りたたみカスタマイズを紹介致します。 いつもであれば、当サイト配布のテンプレートをサンプルに説明するのですが、「他のテンプレートで折りたたみカスタマイズは利用できないでしょうか？」というご質問を頂きましたので、ここでは共有テンプレートの「do_qp_dot_3c」を例に説明します。 このカスタマイズを行うことで下記のような折りたたみを行うことができます。 なお、当サイトで配布している FC2 ブログテンプレートの折りたたみについては下記のサイトで公開されています。 showry's Blog：FC2ブログでサイドメニュー折りたたみスクリプト導入 注：ここではプラグインを例に説明してますが、プラグイン以外のものも、「タイトル（を括るタグ）」＋「メニューリスト（を括るタグ）」というHTMLマークアップになっていれば、何でも折りたためます。 １．折りたたみスクリ
追記の展開・折りたたみ - アジアンビートカンケリキッズ
■ [custom] 追記の展開・折りたたみ 追記を記事ページに移動することなく、クリックひとつで表示するためのカスタマイズです。 ブログのトップを開くときに追記部分も一緒に読み込むので、追記に画像が多いとトップが重くなります。 スクリプトはHere and There Blogの「エントリー、コメントの折りたたみ-2」を参考にしました。 原文はMovable Type仕様なので、Movable Typeユーザー・マニュアルの「テンプレート・タグ」を参考にしました。 HTMLの<head>と</head>の間に以下を挿入します。 <script type="text/javascript"> <!-- function showMore(varA1, varB1){ var123 = ('varXYZ' + (varA1)); varABC = ('varP' + (varA1)); if
新着エントリーに New マークを表示する for FC2ブログ
エントリーリストの新着エントリーに「New!!」というテキストや画像を表示するカスタマイズです（スクリーンショットは完成イメージ）。 「エントリー投稿後×時間以内」という指定により任意のテキストまたは画像をエントリーリストに表示することができます。JavaScript で書きましたのでテンプレートにタグを追加するだけで動作します。また JavaScript OFF の場合は何も表示されないようにしています。 Windows2000/XPのIE6.0・Firefox1.0・Opera8.0で動作確認しています。 動作はエントリーの投稿時間を span タグで予め埋め込んでおき、CSSで非表示にします。そして JavaScript でその投稿時間を取得し、現在時刻との差を計算して指定時間以内であればテキストまたは画像に置き換えて表示するという仕組みです。 １．テンプレートの修正 テンプレートに
月別アーカイブリストのプルダウンメニュー for FC2ブログ
FC2ブログで月別アーカイブリストをプルダウンメニューにするカスタマイズです。 プルダウンメニュー化のカスタマイズは他でも紹介されていると思いますが、当サイトのセールスポイントはプルダウンメニューの選択状態を保持できることです。またシンプルな1カラムレイアウトで運用する場合、月別アーカイブのプルダウンメニューが大変便利です。 ということで、ここでは下記の3項目に分けて説明します。 基本設定 選択状態を保持する 公開テンプレートの1カラムレイアウトでの設定 １．基本設定 プルダウンメニューを選択すると、即座に月別アーカイブにジャンプする設定です。 リスト1.1のHTMLタグおよびスクリプトをそのままサイドバーに貼り付けてください。赤色部分はメニュータイトルですのでご自由に変更してください。 リスト1.1 HTMLとスクリプト <script type="text/javascript"> <
コメントリストを記事別にまとめて表示する for FC2 ブログ
コメントリストを記事別にツリー化するカスタマイズです。今のところFC2ブログのみで確認していますが、後述するタグの構成が同様であれば他のブログでも適用可能と思われます。またトラックバックリストにも適用可能と思いますが当方では動作未確認です。 カスタマイズを行うことで下記のスクリーンショットのように記事別にコメントをまとめ、さらにツリー化カスタマイズと組み合わせることも可能です。ここでは公開テンプレートを例に使用していますが、コメントリスト・トラックバックリストのタグ構成が同じであれば他のテンプレートにも適用可能です。 カスタマイズ前 →カスタマイズ後 動作は Windows2000/XP の IE/Firefox/Opera で確認しています。急いで作ったのでα版という位置づけでご利用ください。 １．コメントリスト用タグの変更 下記のタグをテンプレートに貼り付けます。 <div class
FC2ブログテンプレート
FC2ブログ用のテンプレートを作りました。サンプルのスクリーンショットは3カラムですが、2カラム・1カラムも用意しております。カラムレイアウトの設定方法につきましては本エントリーの解説を参照ください。 FC2ブログではサービス内に「共有テンプレート」というコーナーがあり、そちらに数多くのテンプレートが登録されていますが、メンテナンスを考慮してとりあえずこのサイトでのみの公開とさせて頂きたいと思います。 FC2ブログの登録および当サイトの公開テンプレート設定方法については下記の記事を参考にしてください。 FC2ブログ登録方法 FC2ブログでのテンプレート設定方法 １．動作確認環境 動作確認は下記の環境で行っています。 OS：Windows2000/XP ブラウザ：IE6.0/Firefox1.0.7/Netscape7.1/Netscape8.0.4/Opera8.5 FCブログ：http:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-211.html