当ブログで配布中のテンプレート「h007-3middle」をカスタマイズ中の方から下記のご質問を頂きました。

タイトルの後に新着マークを着けようと思いトライしました。で、思い通り着いたのですが、1日経ってもマークが消えず困っています。

今回の新着マークの表示には FCafe 様の JavaScript を使用されているようでした。

簡単に今回の JavaScript の機能を説明をさせて頂くと、デフォルトでは２４時間（１日）新着マーク（任意の新着アイコン）が表示される JavaScript です。設置方法は HTML の head にソースコードをペーストし、新着マークを表示したい部分にも短いソースコードをペーストして使用する JavaScript です。

実は今回、ご質問の内容が JavaScript なので解決に繋げる自信はないのですが、記事とした方が私なりの解決策など、いくらか分かりやすく提案させて頂けるかな？と思い、筆を尽くす次第です。

続きを読む ≫

今日はページ内のリンクをスムーズにスクロールさせる JavaScript のご紹介です。

多くの Web ページの下の方に「ページのトップに戻る」なんてリンクがあります。通常はクリックするとページの先頭に「ドン！」と一瞬にして戻りますが、今回の JavaScript を使用することで「シュルルルルル〜♪」とページの先頭に戻ると言うアクションに視覚効果を与えられます。

ユーザビリティの向上にも繋がりますし、簡単に導入できるので試してみてはいかがでしょうか？

それでは早速どのような代物か JavaScript のサンプルページで実際の動きをご確認ください。

いかがでしたでしょうか？

この Smooth scrolling を導入してみよう！と言う方は続きをどうぞ。

続きを読む ≫

月日の経つのは早いもので、あと２日で２００７年もサヨナラです。気の早い人なんかはそろそろカウントダウンし始めているのではないでしょうか？

それはそうと、今回は前回の記事を踏襲し、当ブログで配布中のテンプレートをお使いの方にカスタマイズに挑戦して頂こうと思いたち記事にしました。

どんなカスタマイズかと言うと、背景を変更するだけです。

しかも、先述しましたが当ブログのテンプレートをお使いの方を対象に解説しますので、ほとんどの方達にスルーされる内容だと思います。

また、テンプレートも上の画像にある「hajime001-green」「hajime002-pink」「hajime003-lblue」「hajime005-orange」が対象テンプレートです。

でも、もしかしたらお役に立つことも記事中に少しは含まれているかも知れませんので、対象者ではなくても、既にカウントダウンされている方などいましたら、元旦の１分前ぐらいからで丁度良いと思いますので、お読み頂けたらと思います。

続きを読む ≫

先日の記事「透過 PNG を IE6 でも奇麗に表示するクリスマス☆」では AlphaImageLoader と言う Filter（フィルター）を使い、透過 PNG を IE6 でも奇麗に表示させていました。

しかし、私は少し勘違いをしていたのですが、先日の方法だと透過 PNG を背景（ background ）に指定できないのです。

「じゃあ、どうすんの？」

はい。その答えは JavaScript が握っていました。

「えぇ〜？でも、なるべくなら CSS で解決したい問題なんだけど。」

そうですね。私も同意見ですが、おそらく今回ご紹介する解決策が現在（2007年の暮れ）主流のようです。

それでは、一人芝居を気持ち悪がられる前に、そろそろ「透過 PNG を IE6 で背景としても使える JavaScript」をメモしておきます。

続きを読む ≫

３つ目の FC2ブログ用のブログテンプレート完成！
２つ目のデザインテンプレートと同様の文字サイズ変更ボタンを残しつつ「多くの方にテンプレートの簡単なカスタマイズを経験して貰おう！」をテーマに制作してみました。

結果、リンクカラーをアクセントカラーにする方向となり、他の部分をどんな色とも相性の良い無彩色でまとめてみました。
また、CSS の知識がなくてもなるべく簡単にカスタマイズに挑戦して貰えるよう、CSS 内を大掃除＆整理整頓。私が以前に制作したテンプレートの CSS よりは分かりやすくなっていると思います・・・多分。

只今、承認中です。

不承認になってしまいました・・・
理由：テンプレートのガイドラインに適合していません（外部リンク）。
FC2マニュアル をしばらく確認していなかったのですが、バックリンクがテンプレートで使用した素材サイト以外禁止になっていました。現在、詳細を FC2 へ問い合わせていますので、今回の３つ目のブログテンプレートは一時保留とさせて頂きます。

■制作メモ
文字サイズ変更ボタンの装備でせっかく prototype.js ライブラリーを使用しているので JavaScript の勉強を開始。Form 内の要素に prototype の独自機能などを利用してイベントハンドラの外部 js 化に挑戦。this の解釈が IE と Mozilla 系で違うところに苦戦。
結局 this の代わりに prototype の独自関数 $() で解決。今回書いた JavaScript コードを少しずつ効率的にすることが課題。